tabulator 相关问题

Tabulator是一个生成JavaScript库的表。它在操纵表格及其中的所有信息方面非常灵活。它还允许外部加载和保存。它可以处理HTML,CSV,XML和JSON。见http://tabulator.info/

在 Tabulator.js 中,如何将单元格的值设置为包含尖括号的字符串?例如“一个<b<c"

我的制表符表中有一个使用列表类型编辑器的单元格。这些选项由看起来像这样的字符串数组填充(作为示例): [ “一个 我的制表符表中有一个使用列表类型编辑器的单元格。这些选项由看起来像(作为示例)的字符串数组填充: [ "a<b", "b<c", "c<d", ] 当填充列表编辑器时(在列定义中使用 editorParams:{values:exampleOptions} ),或者当我直接在单元格上使用 setValue() 时,它会删除尖括号后面的所有内容。所以我在下拉列表中看到类似这样的内容: "a", "b", "c", 如何将完整字符串放入该下拉列表/单元格中? 一种方法是使用 itemFormatter 中的 editorParams 选项为值列表定义一个新元素节点,并返回包含列表值的元素的 innerHTML: editorParams: { values: ["a<b", "b<c", "c<d"], itemFormatter: (label, value, item, element) => { const listNode = document.createTextNode(value); element.appendChild(listNode); return element.innerHTML; } }, 这是 name 列的示例: const data = [{ id: 1, name: 'Billy Bob', age: '12', gender: 'male', height: 1, col: 'red', dob: '', cheese: 1 }, { id: 2, name: 'Mary May', age: '1', gender: 'female', height: 2, col: 'blue', dob: '14/05/1982', cheese: true }, { id: 10, name: 'Margret Marmajuke', age: '16', gender: 'female', height: 5, col: 'yellow', dob: '31/01/1999' } ] const table = new Tabulator('#example-table', { data: data, columns: [{ title: 'Name', field: 'name', editor: "list", editorParams: { values: ["a<b", "b<c", "c<d"], itemFormatter: (label, value, item, element) => { const listNode = document.createTextNode(value); element.appendChild(listNode); return element.innerHTML; } }, }, { title: 'Age', field: 'age' }, { title: 'Gender', field: 'gender' }, { title: 'Height', field: 'height' }, { title: 'Favourite Color', field: 'col' } ] }) <link href="https://unpkg.com/[email protected]/dist/css/tabulator.min.css" rel="stylesheet" /> <script type="text/javascript" src="https://unpkg.com/[email protected]/dist/js/tabulator.min.js"></script> <div id="example-table"></div>

回答 1 投票 0

如何从 Tabulator 4.9.3 获取总计并计算项目

感谢您对我们的帮助 我想从制表符获取总计并计算项目并将其放入变量中我可以将其保存在数据库 SQL Server 中 制表器 4.9.3 我尝试在制表器帮助中搜索示例或

回答 0 投票 0

为什么制表符列在 UI 中重叠?

我正在尝试创建一个使用 Tabulator 的 Vue 组件。我正在关注 Tabulator 站点的文档并在 UI 中显示表格,但看起来所有列都是...

回答 1 投票 0

Tabulator:tabulator可以同时过滤Parent和Child行吗?

tabulator可以同时过滤父行和子行吗? 我尝试了一个快速实验室设置,但它似乎没有用。 我尝试了一个简单的模型,只有几行父行和几行......

回答 0 投票 0

(Vue 组件)Tabulator 列在 UI 中彼此堆叠 - 如何解决?

我正在尝试创建一个使用 Tabulator 的 Vue 组件。我正在关注 Tabulator 网站上的文档,并在 UI 中显示表格,但看起来所有列都是

回答 1 投票 0

Javascript Tabulator 使用自定义格式化程序创建多行单元格

我想使用自定义格式化程序使用 Tabulator 创建多行单元格。我将单元格的值作为字符串数组取回,并希望在一行中显示每个字符串。线条也应该...

回答 0 投票 0

如何重新排列tabulator js的分页元素?

我想重新排列分页元素。像按钮、选择元素等。有什么方法可以重新排列 tabulator js 中的默认分页吗? 默认分页显示许多按钮,如第一个...

回答 0 投票 0

嵌套表中的操作按钮表级别的制表符以添加和删除行

我有一个这样的制表符 函数 show_containers(frm){ var 嵌套数据 = [ {container:1, item_code:'Black Marble', uom:'Square Meter', qty:325, batches:[ { ...

回答 0 投票 0

在 tabulator-tables angular

我正在使用角度制表符表。我希望能够在已右键单击的特定行的上方或下方添加新的空行。目前的实现是错误的。它有时会添加一个...

回答 0 投票 0

制表符表错误“未捕获的类型错误:无法读取未定义的属性(读取‘generateExportList’)”

将制表符表数据下载为 CSV、XLSX 或 PDF 时会抛出错误“未捕获的类型错误:无法读取未定义的属性(读取‘generateExportList’)” 我已经创建了一个 DataTa...

回答 0 投票 0

有没有办法隐藏空的制表符列?

我知道我可以使用 column.hide() 以编程方式隐藏列。但是是否可以选择隐藏所有空列?或者一种按列获取数据的方法,而不必解析整个数据...

回答 0 投票 0

表中的数据没有被替换

我有一个节点红色的仪表板,其中有一个表格来显示传感器数据。此数据每秒更新一次,我想在不重置滚动位置或排序的表格中显示数据

回答 0 投票 0

制表符:如果 x > 1,将 ABC 返回到单元格中。如果 x < 1?

在 Tabulator 中,我有一个脚本:如果 x > 1,则在表格单元格中返回 ABC。如果 x > 1,则 ABC 进入单元格,但在 x < 1. Is there a code that will keep ABC in the cell after

回答 0 投票 0

`data` 属性意外需要 html 表

我打算通过对现有 html 表使用 autoColumnsDefinitions 函数来采用表的列,例如允许所有单元格中的 html 代码。 我按照 https://tabulator 中的描述开始。

回答 0 投票 0

autoColumnsDefinitions 函数不加载格式化程序或其他任何东西

设置: 引导程序 5 带有 tabulator_bootstrap5.css 的制表符 5.4.4 macOS Ventura 上的 Brave 浏览器 意图:默认将所有单元格视为 html 尝试的解决方案: 通过...将所有单元格格式化为 html 单元格

回答 1 投票 0

无法让 Tabulator 匹配我的 Bootstrap 5 主题

我从 Bootswatch 下载并使用了一个主题。此主题仅提供一个 .css 文件,然后在 HTML 文档中引用该文件。 我还包含了 tabulator 本身提供的 .css 文件...

回答 0 投票 0

制表符额外列被添加:-(

var 表数据 = [ {givenToUser:"User1", groupName:"group1", userName:"user one"}, {givenToUser:"User2", groupName:"group2", userName:"...

回答 0 投票 0

制表符/正则表达式过滤器不区分大小写?

看起来 Tabulator 的正则表达式过滤器区分大小写。有没有简单的方法让它不区分大小写?

回答 2 投票 0

Tabulator - 下载保持原始 Javascript 结构的文件

我正在使用 Tabulator 开发交互式网页,我在文件下载方面遇到了一些问题。 基本上,我想以 Javascript 格式下载表格....

回答 1 投票 0

如何使用 Tabulator、jsPDF 和 PDF-Lib 下载 2 个表格到 1 个 PDF?

我用 Tabulator 创建了两个表,我想在用户单击下载按钮时将它们都下载到 1 个 PDF 文件。 我试过在这里结合解决方案: 制表符组合多个

回答 0 投票 0

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