从数据表中导出选定行的 CSV 文件
export csv file for selected rows from datatable
我使用以下示例创建了一个数据表:
1.单列搜索
2.文件导出
我的代码如下:
<script type="text/javascript" charset="utf-8">
$(document).ready(function() {
// Setup - add a text input to each footer cell
$('#example tfoot th').each( function () {
var title = $(this).text();
$(this).html( '<input type="text" placeholder="Search '+title+'" />' );
} );
// DataTable
var table = $('#example').DataTable({'scrollX':true, 'dom': 'lBfrtip','buttons': ['csv']});
// Apply the search
table.columns().every( function () {
var that = this;
$( 'input', this.footer() ).on( 'keyup change', function () {
if ( that.search() !== this.value ) {
that
.search( this.value )
.draw();
}
} );
} );
} );
</script>
这段代码运行良好。现在,我只想导出选定的行,而不更改示例 1 中的数据表结构。我不是Jquery的专家。那么任何人都可以帮助我吗?也可以添加用于选择行的复选框吗?
谢谢
我使用以下代码设法做到这一点:
<script type="text/javascript" charset="utf-8">
$(document).ready(function() {
// Setup - add a text input to each footer cell
$('#example tfoot th').each( function () {
var title = $(this).text();
$(this).html( '<input type="text" placeholder="Search '+title+'" />' );
} );
// DataTable
var table = $('#example').DataTable({'scrollX':true, 'dom': 'lBfrtip',buttons: [{ extend: 'csv',text: 'CSV all'},{extend: 'csv',text: 'CSV selected',exportOptions: {modifier: {selected: true}}}],select: true});
// Apply the search
table.columns().every( function () {
var that = this;
$( 'input', this.footer() ).on( 'keyup change', function () {
if ( that.search() !== this.value ) {
that
.search( this.value )
.draw();
}
} );
} );
} );
</script>
所以我在现有脚本中添加了新代码。
buttons: [{ extend: 'csv',text: 'CSV all'},{extend: 'csv',text: 'CSV selected',exportOptions: {modifier: {selected: true}}}],select: true
相关文章:
- 通过CSV文件上载更新数据库表
- 在.csv文件中写入学位符号
- PERL-下载CSV文件不完整
- 将CSV文件从URL导入Node.js
- Get方法获取csv文件的内容
- 将JSON转换为放入Sdcard中的CSV文件
- 如何使用d3.js从csv文件中绘制areaplot?请任何人分享代码
- 正在以javascript读取本地csv文件
- 处理字段中带有换行符的csv文件-node.js
- 如何将CSV数据从变量下载到CSV文件
- Safari 5.1.7下载文件名未知的csv文件
- 如何读取csv文件并将其转换为javascript中的对象
- 尝试从csv文件中检索单个值时出现问题
- 如何用javascript下载巨大的CSV文件
- 在将csv文件中的数据分配给数组变量时增强了d3代码
- 如何使用javascript更新csv文件
- 在d3.json中使用d3.csv组合多个csv文件数据输入的最佳方法是什么
- 将Excel/CSV文件中的数据导入angularjs-json对象中
- 正在读取高图表中上载的csv文件
- 如何使用 Java 脚本从 csv 文件中查找每列的数据类型