Pramod Poudel’s Blog

Adding Print functionality in Flexigrid Implementation of CodeIgniter

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
$("div.cDrag").remove();
$("div.fbutton").remove();
$("div.pDiv").remove();
$("div.sDiv").remove();

//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");
newWin= window.open(this.href);
newWin.document.write(divToPrint.html());
newWin.print();

}