Issue Datatable header Columns

Webix JS
1

I found this issue on Datatables

    1. Load the datatable
    1. Click a custom save button and save in database the State of Datatable so that I can have different views/states of my datatable.
    1. Resize one column from Datatable
    1. From a selectpicker where I load the saved views/states select one and then use setState to load the saved state.
    1. The header columns are gone

1331×177 3.97 KB

2

Can you please provide a demo where the mentioned behavior can be tested?

3

Hi,

found my code problem and would like to mention it here for feedback

I save different states of one datatable in database using getState and then save it in database as

$record["state"] = (string) json_encode($state);

but saving it as JSON then my widths in state are strings

,"size":["50","80","230","220","180","80","150","130","130","150","150","150","130","170","170","120","150","150","150","150","150","150","150","150","150","150","200","200","100","80","150","150","150","150","200","200","150","150","150","150","80","200"],

So when I try to load one of the datatable saved states in database then the webix try to make
additions of the widths but they are strings so I have concatenations than math addition.

This destroy the CCS left property on the columns like this

  <div column="4" class="webix_column " style="width: 180px; 
   left: 360220px; top: 0px;">

So as solution you can save the JSON state in database using the flag

  $record["state"] = (string) json_encode($state, 
JSON_NUMERIC_CHECK);