版主请进 jquery.datatables 怎么自定义 某列宽度可拖拽

Posted 2023-04-06

参考技术A jquery datatables 自带的查询没有这些功能. 要完成你要的功能,需要改写插件.
改这个控件，还不如直接使用flexigrid本回答被提问者和网友采纳

Jquery datatables导出Excle表的问题

我想把查出的数据导出生成一个Excle文档，请问sSwfPath的这个路径该怎么配？
我是一个maven工程，使用spring mvc
我怀疑是这个路径不对

FileSaver.js，如果有浏览器不支持Blob的，还需要引入Blob.js，来做导出。HTML内容的，构造一个base64字符串的路径，跳转地址下载，其实也可以将数据抽出来，用纯数据的方式。但这种导出table表格的数据在IE上测试是无法兼容的，而且在使用的过程中，一旦点击了导出，我的分页会没有用，导致分页没用的原因是因为我使用了固定列，导出excel会导出两层的数据，先删除了div在加上div来避免导出重复的数据。
所以为了更好的导出excel数据，datatables本身就提供了导出
excel、csv、pdf等格式的功能，参考如下链接：/extensions/buttons/examples/html5/excelTextBold.html（官方的例子导出excel，
有源码和所需的文件）：/extensions/buttons/examples/initialisation/export.html（导出csv/pdf/copy/打印）
1.所需的js文件：
//code./jquery-1.12.4.js
/1.10.13/js/jquery.dataTables.min.js
/buttons/1.2.4/js/dataTables.buttons.min.js
//cdnjs./ajax/libs/jszip/2.5.0/jszip.min.js
//cdn./buttons/1.2.4/js/buttons.html5.min.js

$(document).ready(function()
$('#example').DataTable(
dom: 'Bfrtip',
"buttons": [

'extend': 'excel',
'text': '导出',//定义导出excel按钮的文字
'exportOptions':
'modifier':
'page': 'current'



],
);
);

2.所需的css：
/1.10.13/css/jquery.dataTables.min.css
/buttons/1.2.4/css/buttons.dataTables.min.css

3.html代码：
<table id="example" class="display nowrap" cellspacing="0" width="100%">
<thead>
<tr>
<th>Name</th>
<th>Position</th>
<th>Office</th>
<th>Age</th>
<th>Start date</th>
<th>Salary</th>
</tr>
</thead>
<tfoot>
<tr>
<th>Name</th>
<th>Position</th>
<th>Office</th>
<th>Age</th>
<th>Start date</th>
<th>Salary</th>
</tr>
</tfoot>
<tbody>
<tr>
<td>Tiger Nixon</td>
<td>System Architect</td>
<td>Edinburgh</td>
<td>61</td>
<td>2011/04/25</td>
<td>$320,800</td>
</tr>
<tr>
<td>Garrett Winters</td>
<td>Accountant</td>
<td>Tokyo</td>
<td>63</td>
<td>2011/07/25</td>
<td>$170,750</td>
</tr>
</tbody>
</thead>
</table> 参考技术A toExcel: function (id)
$("#" + id).dataTable(
"bJQueryUI": false,
'bPaginate': false, //是否分页
"bRetrieve": false, //是否允许从新生成表格
"bInfo": false, //显示表格的相关信息
"bDestroy": true,
"bServerSide": false,
"bProcessing": true, //当处理大量数据时，显示进度，进度条等
"bFilter": false, //搜索框
"bLengthChange": false, //动态指定分页后每页显示的记录数
"bSort": false, //排序
"bStateSave": false, //缓存
"sAjaxDataProp": "data",
"sDom": 'T<"clear">lfrtip'
"oTableTools":
"sSwfPath": "DataTables-1.9.4/extras/TableTools/media/swf/copy_csv_xls_pdf.swf"

);
追问

我应该写相对路径还是绝对路径