Stack Overflow
Stack Overflow

Questions tagged [tabulator]

Tabulator is a table generating JavaScript library. If your question (code) is using the Tabulator library, and you think your issue may involve Tabulator, then please add the `tabulator` tag to your question. This will help SO and search engines to better find your question, and increase your chances for getting a good answer.

Tabulator is a table generating JavaScript library. It is extremely flexible in manipulating tables and all the information within it. It also allows for external loading and saving. It can handle HTML, CSV, XML and JSON.

Resources:

1327 questions
11
votes
3 answers

How to get all row values tabulator?

I have editable table using tabulator. Everything is ok, but the problem is I can't get all row value when click "save button" What I'm trying is: $(document).ready(function() { var tabledata = [ {id:1, name:"Oli Bob", age:"12", col:"red",…
dianeryanto
  • 600
  • 2
  • 5
  • 18
7
votes
1 answer

Mutator in tabulator not working on same edited functions

I have a scenario where I am defining the mutators below and when I edit the cell it does not work where common mutators are used? I guess this is a bug or is there any other way to do it? var diffMutator_FEcontacted = function (value, data, type,…
John
  • 147
  • 1
  • 10
7
votes
3 answers

Show/Hide or Toggle Nested Table Child In Tabulator

I was wondering if you could help with something I believe to be pretty simple. Using the Tabulator nested table example(Not Tree), how can I make the child table show/hide on click? I want users to be able to expand for further information if they…
Ben Tongue
  • 215
  • 4
  • 10
6
votes
1 answer

TypeError: _tabulatorTables.Tabulator is not a constructor

I am trying write tests for my javascript project that uses tabulator (^5.2.2) using jest (v27). The tabulator is being imported and used in JS file like below import {TabulatorFull as Tabulator} from "tabulator-tables"; ... var table = new…
Numan Farukh
  • 95
  • 5
6
votes
1 answer

Properly display React component in react-tabulator column

I am trying to display a material-ui react component inside a tabulator table. Things display properly, except for the row's height. I suspect that a re-rendering is required after the first render, so tabulator knows the React component's height,…
Will59
  • 1,430
  • 1
  • 16
  • 37
6
votes
2 answers

Setting maximum column width with Tabulator

I have a tabulator grid with fitDataFill layout. Is it possible to set a maximum width for some columns? The [width] property seems to set a fixed width (even if the automatic layout would assign a smaller width based on the actual data) and…
Alain Frisch
  • 249
  • 3
  • 7
6
votes
2 answers

Setting maximum table height with Tabulator

The Tabulator library seems to support two modes for setting the table's height: an explicit value (which forces a "gray" area at the bottom if there are not enough rows in the data set; and a vertical scrollbar if their are too many rows), or an…
Alain Frisch
  • 249
  • 3
  • 7
6
votes
1 answer

How to set default color for column?

Tabulator has builtin formatter color Is there a way to set default column color (for all cells)? something like: columns: [ { width: 50, color: "red" }, ]
Eugen Konkov
  • 22,193
  • 17
  • 108
  • 158
6
votes
1 answer

Issue with Tabulator js library working with Column Grouping properties

I have this structure of html table Type Name Iteration ID Script Action Init …
Pavlo Chechehov
  • 390
  • 6
  • 17
5
votes
2 answers

How to filter children in tree structure in Tabulator?

I tried callingsetFilter function on my Tabulator tree structure, in order to filter out items. It seems to only filter out top parents. Any idea how to make this work for any level (any children or parents)? http://tabulator.info/docs/4.1/tree…
konichiwa
  • 532
  • 1
  • 5
  • 23
5
votes
3 answers

Flatten JSON data

I am trying to use Tabulator to create a list of tickets, The data is imported via AJAX url from the ticket system as a JSON as below. { "results": [ { "cc_emails": [ "ram@freshdesk.com", …
Mathew speed
  • 51
  • 1
5
votes
4 answers

How to show label value in cell dropdown instead of stored value?

I'm using Tabulator.js to create an interactive table. I have a dropdown cell (editor type: select) and have found out how to show different labels when selecting from the list (instructions can be found here, the third way). When I select…
Ginkgo
  • 155
  • 3
  • 10
5
votes
4 answers

Tabulator 4.2 - How do I get the table object from the div element id

In the examples in the documentation, I'm told I can use table.selectRow(1); to select row with data.id = 1 in the table. But what if I don't know what the table object is - how do I access the table object from the containing div?,…
quinny
  • 656
  • 1
  • 7
  • 24
5
votes
2 answers

Tabulator (4.1) replacing new Column value/ formatter

I've added a new column in Tabulator with this column definition table.addColumn({title:"idCopy", field: "idCopy" ,sortable:false, formatter:uploadID,width:100, align:"center",cellClick:function(e, cell){ function selected(){ var fileName =…
LoopingDev
  • 754
  • 2
  • 10
  • 32
5
votes
1 answer

Adjust tabulator row height

I'm trying to adjust the table row height on a tabulator table. I'm trying to make the rows taller to make it easier to interact with for users on touchscreen devices. I'm not finding anything in the documentation, and I haven't been successful…
GFL
  • 1,278
  • 2
  • 15
  • 24
1
2 3
…
88 89