从 Bootstrap Table 和 Link 内容下载内容到新页面

Question

我有一个 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 格式下载此 table。我还想把 "Name" 中的任何内容都做成 link 到另一个页面。我该怎么做？

Answer 1

研究datatables in general ('cos they are cool) and for your query specifically: https://datatables.net/extensions/buttons/examples/initialisation/export.html

从 Bootstrap Table 和 Link 内容下载内容到新页面

Download Content from Bootstrap Table and Link Content to new page

html

javascript

twitter-bootstrap

bootstrap-table