代码之家 › 专栏 › 技术社区 › Cabdi

将项附加到DataTable标头

report-designer aspxgridview datatables

0

Cabdi · 技术社区 · 3 年前

我想知道是否有一种方法可以将项目(徽标、地址等)附加到设计和其他(如打印、PDF/CSV导出)的数据表标题中。

enter image description here

我正在使用ASP。NET(框架)和;C#,表是一个GridView,我添加了DataTables类/脚本。

这是Asp代码(GridView)

<asp:GridView ID="GridView" Width="100%" 
   UseAccessibleHeader="true" ClientIDMode="Static" 
   AutoGenerateColumns="False" ShowHeader="true" 
   Class="table table-bordered table-striped" runat="server" 
   CellPadding="4" ForeColor="Black" GridLines="Horizontal" 
   BackColor="White" BorderColor="#CCCCCC" 
   BorderStyle="None" BorderWidth="1px">
                                       
 <Columns>
   <asp:BoundField DataField="id" HeaderText="Id" />
   <asp:BoundField DataField="fullName" HeaderText="Full Name" />
   <asp:BoundField DataField="tellNum" HeaderText="Tell Num" />
   <asp:BoundField DataField="address" HeaderText="Address" />
   <asp:BoundField DataField="email" HeaderText="email" />                                          
 </Columns>

</asp:GridView>

以下是支持数据表功能的Srcipt

<script>
    $(function () {
        $("#GridView").DataTable({
            "responsive": true, "lengthChange": false, "autoWidth": false,
            "buttons": ["csv", "pdf", "print"]
        }).buttons().container().appendTo('#GridView_wrapper .col-md-6:eq(0)');

    });
</script>

我试图自定义数据表的打印页面

<script>
    $("#print").click(function () {
        {
            var body = document.getElementById('GridView').innerHTML;
            window.print();
            document.getElementById('GridView').innerHTML = body;
        }
    })
 </script>

现在的主要目标是通过添加Comapny徽标、名称、地址等来定制打印页面。

如果可以通过在上图中绿色箭头所指的位置(即在表头和之间)添加徽标/名称/地址来定制普通页面,那就太好了;数据表按钮

0 回复 | 直到 3 年前