Adding Print functionality in Flexigrid Implementation of CodeIgniter

December 18th, 2009 | by admin |

Add print button in flexgird grid in your Controller.

You should define print css in your flexigrid css.

$buttons[] = array(’separator’);
$buttons[] = array(’Print’,'print’,'printReport’);

Now, you should define printReport javascript function in end of the page of view associated with the page.

New tab for print is opened with hiding unwanted css and by location.reload(); again the css is originally reloaded.

function printReport(com, grid) {
if (com=='Print')
//Removing css to print

//Defining new css for the print
$("div.mDiv").css({'font-family' : 'Arial,Helvetica,sans-serif', 'font-size': '11px','font-weight': 'bold','margin-bottom':'16px'});
$("div.hDivBox table").css({'border': '1px','font-family':'Arial,Helvetica,sans-serif','font-size': '11px'});
$("div.bDiv table").css({'border-color' : '#00000', 'border': '2px','font-family':'Arial,Helvetica,sans-serif','font-size': '11px'});
var divToPrint= $(".flexigrid");

//Reloading the flexigrid css




  1. 6 Responses to “Adding Print functionality in Flexigrid Implementation of CodeIgniter”

  2. By Julian Caldwell on Apr 1, 2010 | Reply

    That worked perfectly! Great job.

  3. By admin on Apr 1, 2010 | Reply

    Thanks Julian.

  4. By Sabri on Aug 3, 2010 | Reply

    it dosen’t work for me :( there is no demo plz?

  5. By naresh on Aug 25, 2010 | Reply

    its is working fine in FF and Chrome but showing error in IE.

  6. By admin on Aug 26, 2010 | Reply

    Sorry, I have not tested in IE.

  7. By Chandra on Jun 14, 2012 | Reply

    It is working fine. It Saved my time. Thanks

Post a Comment