若依框架实现打印功能

在页面的头部添加

 <style>
        @media print {
            .fixed-table-toolbar {
                display: none;
            }

            .noprint {
                display: none;
            }

            .fixed-table-pagination {
                display: none !important;
            }

        }
        @page {
            size: auto;
            margin: 0mm;
        }
    </style>

在搜索栏的class中添加noprint属性
在添加

<a class="btn btn-success" onclick="printHtml();" shiro:hasPermission="xxxx:xxxx:print">
                <i class="glyphicon glyphicon-print icon-share"></i> 打印
            </a>

更改显示列表

 <div class="col-sm-12 select-table table‐bordered noprint" id="prints" style="width: 100%;">
            <!--<table id="bootstrap-table" style="width: 100%;white-space: nowrap;  "></table>-->
            <!--超长冒号显示会影响打印-->
            <table id="bootstrap-table" style="width: 100%;word-break:break-all; word-wrap:break-all; "></table>
        </div>

在操作属性中添加field属性

 {
                title: '操作',
                field: 'chaozuo',
                width: '150px',
                align: 'center',
                formatter: function (value, row, index) {
                    var actions = [];
                    actions.push('<a class="btn btn-success btn-xs ' + editFlag + '" href="javascript:void(0)" οnclick="$.operate.edit(\'' + row.id + '\')"><i class="fa fa-edit"></i>修改</a> ');
                    actions.push('<a class="btn btn-danger btn-xs ' + removeFlag + '" href="javascript:void(0)" οnclick="$.operate.remove(\'' + row.id + '\')"><i class="fa fa-trash"></i>删除</a>');
                    return actions.join('');
                }
            }

实现printHtml()方法

 // 自定义打印页面模板
    function printHtml() {
        $("#prints").removeClass("noprint");
        //隐藏操作列
        $.table.hideColumn('chaozuo');
        window.print();
        $("#option").addClass("noprint");
        //显示操作列
        $.table.showColumn('chaozuo');
    }