How to print html table without unwanted button and th -

hi im having above table in html.i want print table using browser prompt. prompt coming right,but button on table showing in print preview..how can remove unwanted th , buttons.
var html = "<html>"; html += '<style>table, td, th {border:1px; solid black;} td{ textalign:center;}</style>'; html += '<div style=" border : 3px solid gray ;"><h3 style="vertical-align: middle; text-align: center;" align="center"><u>student academic details</u></h3>' + document.getelementbyid("studentacademicgriddiv").innerhtml + '</div>'; html += "</html>"; var printwin = window .open('', '', 'left=0,top=0,width=800,height=600,toolbar=0,scrollbars=0,status =0'); printwin.document.write(html); printwin.document.close(); printwin.focus(); printwin.print(); printwin.close(); i tried above code printing.
add class th , button this: class="no-print"
and add css:
<style media="print"> .no-print { display: none; } <style> i hope helped you!
Comments
Post a Comment