tabulator

Is it possible to replace the data in a table that has a data tree without automatically collapsing/expanding the tree?

别来无恙 提交于 2021-02-10 14:33:03
问题 I'm trying to create a table that can be edited by the user in a web application. The table has several data trees in it. Every time the user edits something in the table, table.replaceData(data) is called on the table. The idea of replaceData is that it will "silently" replace all of the data in the table without changing the scroll position, sort or filtering..., however, it will also reset the expansion state of all data trees in the table to their initial state. That is, if

Is it possible to replace the data in a table that has a data tree without automatically collapsing/expanding the tree?

孤者浪人 提交于 2021-02-10 14:32:06
问题 I'm trying to create a table that can be edited by the user in a web application. The table has several data trees in it. Every time the user edits something in the table, table.replaceData(data) is called on the table. The idea of replaceData is that it will "silently" replace all of the data in the table without changing the scroll position, sort or filtering..., however, it will also reset the expansion state of all data trees in the table to their initial state. That is, if

Tabulator + Nuxt.js: How to use axios in callbacks?

风流意气都作罢 提交于 2021-01-29 14:46:47
问题 I try to add Tabulator in my Nuxt.js project. I have done the next component: <template> <div ref="table"></div> </template> <script> let Tabulator = require("tabulator-tables") import 'tabulator-tables/dist/css/tabulator_simple.min.css' let saveIcon = function(cell, formatterParams, onRendered) { return "<img src='/icons/save.png'>"; } export default { data() { return { tabulator: null, tableData: [ { id: 1, username: 'user', email: 'email@email.ru', activationCode:'1243412-123413-4134',

bottomCalcFormatterParams does not work in Tabulator.js?

末鹿安然 提交于 2021-01-29 08:12:44
问题 I am using bottom custom calculation so bottomCalcFormatterParams could be used regarding documentation Here is the code I am using title: "Sum", field: "cena_m", width: 100, topCalc: "sum", bottomCalc: mysum, bottomCalcParams: { precision: 0 }, bottomCalcFormatterParams: { decimal: ",", thousand: ".", symbol: "€", symbolAfter: "p", precision: false, }, formatter: "money", formatterParams: { decimal: ",", thousand: ".", symbol: "€", symbolAfter: "p", precision: 0, }, topCalcFormatter: "money"

Changing the default +/- icon in the responsiveCollapse model

爱⌒轻易说出口 提交于 2021-01-29 05:39:58
问题 The default icon for the responsiveCollapse collapse expand feature in tabulator appears not to be centered. Are there options to change this icon. Maybe a right and down carrot? 回答1: The responsiveCollapse formatter is just a formatter like all the others, as such you can create one that works however you like. Here is the build in formatter you can use as a basis for your own: var customResponsiveCollapseFormatter = function(cell, formatterParams, onRendered){ var self = this, open = false,

How to change behaviour of header checkbox in Tabulator.js?

笑着哭i 提交于 2021-01-29 05:26:44
问题 I want the logic after the top header checkbox is clicked to be different. Currently (I am using custom formatter) it selects all first level rows. I want the click to select/deselect all rows that are NOT a parent. Or at least not to select the parent rows. In current set up parent row tree toggle on click and then is deselected. custom formatter looks like that. To be honest I do not understand the code. I tried to put console.log to every addEventListener in below definition but it was not

Linebreaking of links

佐手、 提交于 2020-05-29 09:59:36
问题 I have a column filled with text in tabulator. The text is displayed with line breaks. {title:"Title", field:"title", formatter:"textarea"}, When I introduce the built in URL formatter, the text in the first column does not break anymore. {title:"Title", field:"title", formatter:"textarea", formatter:"link", formatterParams:{target:"_blank", urlField:"source"}}, Is there a way to introduce link while keeping the linebreaks? 回答1: By default, tabulator renders the cells with "white-space:

Linebreaking of links

ぃ、小莉子 提交于 2020-05-29 09:59:19
问题 I have a column filled with text in tabulator. The text is displayed with line breaks. {title:"Title", field:"title", formatter:"textarea"}, When I introduce the built in URL formatter, the text in the first column does not break anymore. {title:"Title", field:"title", formatter:"textarea", formatter:"link", formatterParams:{target:"_blank", urlField:"source"}}, Is there a way to introduce link while keeping the linebreaks? 回答1: By default, tabulator renders the cells with "white-space: