datatables 相关问题

DataTables是jQuery JavaScript库的插件。它是一个高度灵活的工具,基于渐进增强的基础,它将为任何HTML表添加高级交互控件。不要与[datatable]一起使用它。

数据表:添加单独列搜索后表无法加载

我正在使用 DataTables 在 Apps 脚本上显示工作表列,它工作得很好(下图) 然后我添加了代码以将“单独列搜索”放在表格底部(页脚),但没有...

回答 1 投票 0

在数据表的columnDefs选项中写入时,Thymeleaf链接不会被解析

在数据表的columnDefs选项中,我想渲染与thymeleaf的链接: 数据表 = 表. 数据表({ ..., 列定义:[ { 目标:[4], 可订购:fa...

回答 1 投票 0

Shiny for R DT:如何读取/保留页面长度和列可见性

我对这个应用程序还很陌生,所以如果很明显,请原谅我。我有一个可以根据地图中心重新计算的数据表。效果很好。但是我想阅读并保留(保留)

回答 3 投票 0

使用 paginate() 方法时,Livewire 错误中不支持属性类型

我正在尝试在 laravel livewire 表下显示分页链接。现在我使用 get() 方法来显示数据,并更改为 paginate() 以在第一页中仅显示两个结果。火线

回答 1 投票 0

如何在数据表按钮上添加条件?

如何设置一个条件来检查数据是否为空,然后“未找到”按钮将出现,否则将被隐藏。假设客户端收到来自 API 的 Ajax 响应。 成功:功能(

回答 1 投票 0

Vue 3 + DataTables.net:数据表在过滤时不会更新

第一次打开HomeView时,数据表中会填充数据,但是当更改时,例如“显示 10 个条目”到“显示 25 个条目”数据表留空并...

回答 1 投票 0

Html 表格单元格填充,我只能访问 td 单元格内部的元素

我是datatable JS,所以对表输出的控制有限,但我已经设法在内部添加元素 .dataTable { 边框:1px 纯蓝色; } .dataTable td:has(.error-cell...

回答 1 投票 0

看不到桌子

左侧的power bi通常有3个按钮:仪表板、表格和表格之间的链接。 由于某种原因,我看不到表格按钮,为什么会这样? 我不知道...

回答 1 投票 0

将DataTable请求中的列数据转换为数组

这适用于 Express.js 版本 4.18.2 Web 应用程序。该 Web 应用程序提供一个包含 的 HTML 页面,我使用 DataTables jQuery 插件使表格更加精美。 客户... 这适用于 Express.js 版本 4.18.2 Web 应用程序。该 Web 应用程序提供一个包含 <table> 的 HTML 页面,我使用 DataTables jQuery 插件使表格更加精美。 客户端 在 HTML 页面中,DataTable 配置为使用服务器端处理,并且还定义了表的列。 <html> <body> ... <table id="person_table"> <thead> <th>Name</th> <th>Phone</th> </thead> <tbody> </tbody> </table> ... <script> $( document ).ready( function () { var config = {}; // Define columns. var c = 0; config.columnDefs = []; config.columnDefs.push( { targets: c++, data: "name", name: "name" } ); config.columnDefs.push( { targets: c++, data: "phone", name: "phone" } ); // Server side processing mode. config.serverSide = true; // Load records from an Ajax source, i.e., the server. config.ajax = { // The URL to which the request is sent. url: '/person/load', // Send an HTTP post request. type: 'POST', }; // Create the DataTable. $( '#person_table' ).DataTable( config ); } ); </script> </body> </html> 服务器端 当Web应用程序收到来自DataTable的加载记录的请求时,DataTable特定数据的格式如下。 request: <ref *2> IncomingMessage { ... body: [Object: null prototype] { draw: '1', 'columns[0][data]': 'name', 'columns[0][name]': 'name', 'columns[0][searchable]': 'true', 'columns[0][orderable]': 'true', 'columns[0][search][value]': '', 'columns[0][search][regex]': 'false', 'columns[1][data]': 'phone', 'columns[1][name]': 'phone', 'columns[1][searchable]': 'true', 'columns[1][orderable]': 'true', 'columns[1][search][value]': '', 'columns[1][search][regex]': 'false', 'order[0][column]': '0', 'order[0][dir]': 'asc', start: '0', length: '10', 'search[value]': '', 'search[regex]': 'false' }, ... } 表中各列的数据是“扁平”的。即,有多个“columns[i][属性名称]”条目,而不是包含列数据的对象数组。 我可以不厌其烦地自己解析列数据并将其转换为对象数组。然而,https://datatables.net/manual/server-side说: 在大多数现代服务器端脚本环境中,该数据[即 订单和列数据]将自动为您提供 数组。 问题 Express.js 或 Node.js 中是否有某些东西可以自动将列数据转换为对象数组? 问题的解决方案是将 URL 编码主体解析器的扩展标志设置为 true 而不是 false。 例如,在 Express Web 应用程序的主 Javascript 文件中: const BodyParser = require( 'body-parser' ); const Express = require( 'express' ); const app = Express(); // It is important for the extended flag to be true, // so that the array and object data in an HTTP request is not flattened. app.use( BodyParser.urlencoded( { extended: true } ) ); ...

回答 1 投票 0

DT 在标题行中显示每列的总和

DT 不提供内置的总和标题行。 解决方案需要满足以下要求: 第一个标题行应显示“原始”列名称。 第二个标题行...

回答 1 投票 0

如何获取DataTables的页数

我正在使用 DataTables,我需要知道表当前包含的页数(这当然取决于每页的行数和总行数,并且可能会改变...

回答 2 投票 0

JSON.stringify 与 DataTables - 获取无效的 JSON 响应

我不太精通 JS/HTML。我需要从 Firebase 获取 JSON 格式的表,并使用 DataTables 很好地显示它。 我有一个工作代码,在 JSON.stringify 之后从 Firebase 获取数据,如下所示: ...

回答 1 投票 0

r 数据表 (DT) 边框宽度/颜色

鉴于表格 库(DT) 数据表( 虹膜, 样式=“默认”, 过滤器=“顶部”, class =“悬停条纹紧凑型” ) 我可以使用以下 css 调整页脚边框 表.dataTable.no-

回答 2 投票 0

使用 jquery ajax 提交表单后必须刷新页面

所以我有一个页面来显示学生注册的课程,并且该页面中有一个模态表单,所有这些表单都是作为 Laravel Web 项目构建的,该表单的目的是用户可以选择.. .

回答 2 投票 0

如何在Angular中创建数据表

我有一个datatable.net,知道我已经下载了所有库,但它显示没有数据,并且数据显示在表格顶部,如图所示 谁遇到过这个问题

回答 1 投票 0

我的视图显示原始数据,而不是显示数据表中的数据

我一直在尝试了解ajax和Datatables在Django中的工作原理。但是,正如标题所示,我的数据列表是原始显示在我的视图中的。 截屏: 我将把我的代码放在这里,以便您可以...

回答 1 投票 0

从数据表中删除自定义按钮

如何删除右上角的“复制”、“CSV”、“Excel”、“PDF”和“打印”按钮。我想它们是数据表的默认功能。我正在尝试删除它们,但我没有找到任何信息...

回答 4 投票 0

Plotly Dash - 通过 <iframe>

我有一个情节破折号服务器。它正在正常提供页面,这是有效的。我在其他系统中有一些其他仪表板,我想从仪表板中提取一些图表,并嵌入为 iframe。 这……

回答 1 投票 0

当数据表中第一个标题和第一个列固定时,如何防止标题移动?

我有一个数据表,其第一个标题和第一列在水平和垂直滚动时固定。 由于这个答案,一切正常。 但如果第一列包含一个单元格...

回答 1 投票 0

在 NOPCommerce DataTablesModel 中启用默认数据表搜索功能

我使用的是 NOPCommerce 4.50,我正在尝试在 NOPCommerce 的子数据表之一中使用数据表的默认搜索功能。 我想在规范属性中启用此表的搜索...

回答 1 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.