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
8
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
  • 567
  • 1
  • 5
  • 16
6
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
  • 117
  • 9
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
  • 191
  • 2
  • 15
5
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
  • 748
  • 7
  • 15
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", …
5
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
  • 209
  • 2
  • 6
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
  • 596
  • 1
  • 5
  • 24
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,072
  • 2
  • 9
  • 15
4
votes
1 answer

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
  • 353
  • 1
  • 3
  • 16
4
votes
2 answers

While binding edit icon using formatter ,onclick event not triggered in angular8 (Tabulator)

[![enter image description here][1]][1][![enter image description here][2]][2]Question :While binding edit icon with onclick event not triggered that function in angular8 Please find my below code .Thanks in advance While binding edit icon using…
4
votes
3 answers

How to fit a Tabulator table to a div of fixed height and width?

I am trying to create a Tabulator table inside a div that has fixed height and width. However, if there is not enough columns/rows of data to fill the entire width or height of the div, the Tabulator table will still occupy the entire height/width,…
barciewicz
  • 2,366
  • 3
  • 18
  • 43
4
votes
3 answers

Tabulator.js accessibility by id does not work

The accessibility of a Tabulator Table by a global variable works fine, but i can't realy use global Variables, because i'm dynamically generating new Tables. I just want to access the Tabels by their Container ID. The code below shows…
CL90
  • 113
  • 1
  • 9
4
votes
2 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
  • 125
  • 3
  • 10
4
votes
1 answer

how to make vertical column headers on automatic column generation?

how to make vertical column headers on automatic column generation in tabulator js library? i did this, and it works just fine: //define data var tabledata = {!!$one!!} //define table var table = new Tabulator("#table-1", { …
iBek
  • 67
  • 4
4
votes
1 answer

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
  • 209
  • 2
  • 6
1
2 3
64 65