Tag: twitter bootstrap数据表

dataTables在单元格中自动换行: 我有一个带有dataTables表的boostrap模式。我有一个问题，其中内容没有空格或换行符的单元格增加了模态外的表格的宽度。我怎样才能解决这个问题？见下图

jQuery DataTables列使用Bootstrap Modal显示/隐藏切换: 我有一个表，我正在使用jQuery数据表。我想有一个选项来显示/隐藏我的表中的列，我看到了这个： https ： //datatables.net/examples/api/show_hide.html 在此示例中，通过单击链接以切换列的显示/隐藏来完成。但我想要做的是在每个上面都有一个带有列名和复选框的模态，在选中或取消选中时，在提交时，我的表列应根据模态中的已检查/未选中的列名进行更新。这该怎么做？

数据表主服务器中的引导程序不刷新: 我正在使用带有引导程序的数据表主。（ https://www.datatables.net/manual/styling/bootstrap ）。当我删除数据时，我需要刷新该表。但它不起作用。只有一次它可以刷新。然后我必须重新加载该页面。请帮助我，并建议我一个很好的数据表为bootstrap。我的代码是 $(“form”).on(‘submit’,(function(e) { e.preventDefault(); var id_value= $.post(‘actions/driver/driver-delete.php’,{id:id_value},function(data) { if(data) { $(“table”).load(location.href + ‘ table’); $(‘#myModal’).modal(‘hide’); } }) 数据表代码 $(document).ready(function() { $(‘#driver-list’).dataTable(); } );

具有Bootstrap下拉列表的DataTable固定列: 我使用带有固定列扩展的DataTable和使用Bootstrap的样式。我设置为固定的列包含Bootstrap的下拉元素。问题是当我点击下拉元素时，我的固定列显示滚动条或有时overflow被隐藏为下面是我的dataTable的初始化代码 var oTable = $(‘table’).dataTable( { bFilter : false, ordering: false, sScrollX: “100%”, fixedColumns : { leftColumns : 0, rightColumns : 1 }, pagingType : “full_numbers”, “sDom” : ‘rt’, } ); 这是JS Fiddle Link 。有人有这方面的经验或我该如何解决这个问题？谢谢。

在引导数据表中创建一个新行: 对我来说，正在创建新行，但有些值是错误的。我的jQuery DataTables列表： $.ajax({ url: ‘@Url.Action(“LoadEventChargesByUtility”, “Vendor”)’, contentType: “application/json; charset=utf-8”, datatype: “json”, data: “{‘stayiD’:'” + stayi + “‘,’datetime’:'” + datetime + “‘,’Groupid’:'” + Groupid + “‘}”, type: “POST”, // ‘GET’ or ‘POST’ (‘GET’ is the default) success: function (data) { data = JSON.parse(data); if (data != “No Items”) { $(‘#tblevent’).dataTable({ “sPaginationType”: “full_numbers”, “aaData”: data, “bAutoWidth”: […]

数据表中的按钮和分页显示不正确: 我正在使用数据表来显示报告和记录。但我遇到的问题是文件导出按钮和底部的分页只显示为链接而不是按钮。这是我的屏幕截图这是我在页面中加载的内容注意，我只想使用带引导样式的数据表。这是我用来设置数据表的代码。 $(‘#reportTable’).DataTable({ dom: ‘Bfrtip’, buttons: [ ‘copy’, ‘csv’, ‘excel’, ‘pdf’, ‘print’ ], columns: [ { data: ‘Category’, title: ‘Category’ }, { data: ‘Svp’, title: ‘SVP’ }, { data: ‘Rvp’, title: ‘RVP’ }, { data: ‘Division’, title: ‘Division’ }, { data: ‘ContactType’, title: ‘Contact Type’ }, { data: ‘TotalRecords’, title: ‘Total […]

使用带引导程序的dataTables将自定义控件附加到dom: 我为数据表搜索框添加了一个选择（下拉列表），用于搜索每列并尝试将该选择添加到搜索框中，如下所示 – > var table = $(‘#example’).DataTable({ dom: ‘<lf>rtip’, language: { search: “_INPUT_”, //To remove Search Label searchPlaceholder: “Search…” } }) $(“div.toolbar”).html(select); CSS .toolbar { float: right; } 它实际上适用于小提琴 – > https://jsfiddle.net/32v2qpj1/5/ 令人惊讶的是，当我在我的.aspx页面上实现相同的长度和filter位置时，如下图所示。每当我使用dom时，都会丢失Bootstrap行和col网格。它添加了2个单独的行长度和搜索，并在页脚相同。我尝试了https://datatables.net/reference/option/dom中的示例来检查我的代码是否错误。它只是在使用DOM时重新定位！我不知道为什么只在添加dom时重新定位。我想知道有没有其他方法将选择控件添加到搜索框？

dataTables将css类分配给分页包装器: 我有一个带有最基本初始化代码的dataTable。但是，我需要将自定义分页css类分配给出现在表底部的分页（我想分配Twitter引导分页类）。我该怎么做？这是我的代码： $(document).ready(function() { /* Build the DataTable with third column using our custom sort functions */ $(‘#list_table’).dataTable({“sPaginationType” : ‘full_numbers’, ‘sPaging’ : ‘pagination’}); } );

“未捕获的TypeError：无法使用’in’运算符来搜索”由Datatables插件和jQuery 1.11.3触发的’length’: 我正在使用jQuery Datatables插件来启用分页，排序和搜索我的表。元素出现但不起作用，有时只显示分页。在Chrome控制台中，我收到错误消息： Uncaught TypeError: Cannot use ‘in’ operator to search for ‘length’ in 这是演示页面。我在这个插件旁边使用Bootstrap。

如何删除dataTables按钮的默认按钮类？: 我正在使用带有Button的数据表。我想显示成功按钮而不是默认。我试过这个代码 buttons: [ { extend: “excel”, className: “btn-sm btn-success”, titleAttr: ‘Export in Excel’, text: ‘Excel’ }] 这段代码正在运行，但这是添加btn-success类，但是我想首先删除btn-default类，然后添加成功类。当前类： “btn btn-default buttons-excel buttons-html5 btn-sm btn-success” 我想要的是： “btn buttons-excel buttons-html5 btn-sm btn-success”