Stack Overflow
Stack Overflow

Questions tagged [tabulator]

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. See http://tabulator.info/

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.

965 questions
2
votes
1 answer

Cascading dropdown columns in Tabulator JS

I am new to the Tabulator JS library and I stumbled upon an issue. I have 2 columns and I am trying to find a way to implement cascading dropdowns in each row. The second column value options are dependent on the first column value selection. What…
Azeem
  • 803
  • 2
  • 10
  • 11
2
votes
1 answer

Tabulator rendering issue using responsive layout

ISSUE: Everything pretty much works if I stick to layout: "fitColumns" anything else I try seems to result in rendering (if that is the correct term) issues. I am not using a framework (a bridge too far in the timeframe). When the table is displayed…
Jonathan
  • 166
  • 6
2
votes
1 answer

How to style react-tabulator table?

Can anyone please provide me some info on how to style a react-tabulator table? I have been trying to change header color, borders etc. but in vain. I only found class names in the documentation like className="table-bordered table-striped" but that…
Bratty Neal
  • 91
  • 5
2
votes
1 answer

Tabulator: Is there a way to have the HeaderFilter use the Formatted Values rather than the Raw Data Values

I have a tabulator table with a column containing DateTimeOffsetValues e.g. '2020-01-07T13:23:00.000 +01:00', which are being formatted using the builtin DateTime format. The column works fine displaying the data, but when using the HeaderFiltering,…
Peter Marshall
  • 35
  • 3
2
votes
1 answer

Tabulator fitData layout not resizing width of table

I'm trying to use Tabulator v4.6.3 with the fitData layout. Here's my code: var table = new Tabulator("#cowTable", { data: cowTableData, layout: "fitData", history: true, columns: [ { title: "Cow ID",…
Ryan S
  • 135
  • 1
  • 9
2
votes
1 answer

Tabulator cell span

I have a couple of tabulator tables in our project. My goal to do cell span after one cell was edited. For example: A user did value change I check "cellEdit" callback If my condition is true - do cell span How to acheive this?
aik
  • 77
  • 2
  • 4
2
votes
2 answers

Desired page in pagination with Tabulator

I am using Tabulator, I need to add input box that takes you to a desired page. If you have 10 pages and you want to go to page 9 you would just input 9 and hit enter. This feature is available in DataTables here is an example so how to do this with…
beNiceWeAlLearning
  • 143
  • 9
2
votes
2 answers

Is there a way to add a headerMenu to a group column?

Column menus are a great feature of Tabulator and according to the documentation it should be possible to add it to any column. Unfortunately I'm not able to add one to the header of a column group. Am I doing it wrong or is this not (yet)…
Sven
  • 33
  • 2
2
votes
2 answers

nested object arrays in tabulator

I'm trying to get nested object arrays working nicely with tabulator. This is the structure of the json data: [ { "id": 1, "name": "Test 01", "books": [ { "number": "0254", "details":…
user3489586
  • 21
  • 2
2
votes
1 answer

Tabulator sorting data by default

I am working on the exercise in the documentation. I would like the date to be sorted (asc) by default when data is first loaded into the table. In other words : when the user load the table, I would like him/her to see the youngest on top of the…
Claire
  • 21
  • 2
2
votes
4 answers

How to update table and apply existing filters

We are using the excellent Tabulator JS library. We poll our server at intervals to refresh the data in our table. We are trying to achieve the following behaviour when this happens. Update the existing data in the table Add any new rows that…
MartinWebb
  • 1,748
  • 1
  • 11
  • 12
2
votes
1 answer

Tabulator IE 11 compatibility issue for more than one tabulator not opening on same html page

We are facing issues for tabulator on IE11, in our application we have dashboard where we trying to display multiple tabulator tables on click of each card. We are able to view only one table after adding the polyfill scripts but we are unable to…
Product Exp
  • 35
  • 4
2
votes
2 answers

Linebreaking of links

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. …
Stücke
  • 493
  • 3
  • 6
  • 24
2
votes
1 answer

Tabulator DataTreeExpanded

How can I change the level of dataTreeStartExpanded (row,level) function of tabulator at run-time? I want to change the level of Expand of Tree Elements via inputs from user. So I am looking to set the Option dataTreeStartExpanded "level" at run…
Arijit Sil
  • 19
  • 4
2
votes
2 answers

The function table.setColumnLayout(columnSettings); is not working for me

I've written a function to create tables with different column setups and different data based on the parameters I send it. That all works fine. My problem is that I can't get the setColumnLayout function to work when I want to reconfigure the…
Mike Robeer
  • 21
  • 3
1 2
3
…
64 65