从Bootstrap表下载内容并将内容链接到新页面

时间:2017-03-06 20:32:33

标签: javascript html twitter-bootstrap bootstrap-table

我有一个看起来像这样的引导表:

<table style="width:90%" align="center" class="table table-bordered" id="example_table" data-toggle="table"
       data-url="example" data-search="true" data-show-columns="true">
    <thead>
    <tr>
        <th rowspan="3" data-field="name">Name</th>
        <th colspan="9" id="title">Title</th>
    </tr>
    <tr class="table_headers">
        <th colspan="3">Header 1</th>
        <th colspan="3">Header 2</th>
        <th rowspan="2" style="vertical-align: middle" data-field="header3">Header 3</th>
        <th rowspan="2" style="vertical-align: middle" data-field="header4">Header 4</th>
        <th rowspan="2" style="vertical-align: middle" data-field="header5">Header 5</th>
    </tr>
    <tr class="table_headers">
        <th data-field="sub1">Sub 1</th>
        <th data-field="sub2">Sub 2</th>
        <th data-field="sub3">Sub 3</th>
        <th data-field="sub4">Sub 4</th>
        <th data-field="sub5">Sub 5</th>
        <th data-field="sub6">Sub 6</th>
    </tr>
    </thead>
</table>

我希望用户能够以CSV格式下载此表格。我还想在&#34; Name&#34;中做任何事情。指向另一个页面的链接。我该怎么做呢?

1 个答案:

答案 0 :(得分:0)

一般地研究datatables(&#39;他们很酷)和具体的查询:https://datatables.net/extensions/buttons/examples/initialisation/export.html