Please note - this property requires the Responsive extension for DataTables. I'm initializing the table like this: $(document). The columns displayed by Responsive has changed due to a resize. This event can be used to inform external libraries and controls that Responsive has changed the visibility of columns in the table in response to a resize or recalculation event. Is that the expected behavior? My only issue with just setting that to true is that it then makes the rendering of the table too wide for the iPad screen and forces the user to scroll, whereas if I keep scrollX=false and turn on responsive, the table fits fine on an iPad screen, so I'd like to use that if possible (but to have my desktop users have the columns resize automatically on a window size change). The columns displayed by Responsive has changed due to a resize. The simplest of these options is just to add the responsive option to your DataTables options with a boolean value (it is also possible to use an object for fine grained control - see the reference documentation for full details): Javascript. My small issue: in my table, the columns don't resize when the window size is changed, unless scrollX is set to true. Responsive can be used on the DataTables in a number of different ways. ![]() I’ll try to get a plunker up but it’s entirely possible that there something else causing this that is specific to my app.I've just switched over to using DataTables, and I'm really loving its capabilities. Responsive can be used on the DataTables in a number of different ways. ![]() As bad as the Responsive table looks for not returning to the wide mode, FixedColumns looks worse. They all work, but when I replace the alerts with datatables fnRedrawLayout nothing happens. It would re-render the width for enlarging and shrinking window. I have tried numerous scripts that catch the resize event to popup alerts to test that they caught the maximize button resize event. Typically this is done by assigning width:100 in your CSS, but this presents a. When rendering the datatable in a view and not absolutely positioned, the initial width is set and making the window larger triggers a resize, but shrinking it does not. My only issue with just setting that to true is that it then makes the rendering of the table too wide for the iPad screen and forces the user to scroll, whereas if I keep scrollXfalse and turn on responsive, the table fits fine on an iPad screen, so I'd like to use that if possible (but to have my desktop users have the columns resize. Often you may want to have your table resize dynamically with the page. You can refer to this or this documentation see how to do this. For the top and bottom borders, create two rectangles, each 192px wide and 1px high. Create a wpDataTable and enable responsiveness Create a table manually, or from a data source, and enable the Responsive switch First, create a wpDataTable using any of the available input sources using the Table Creation Wizard. ![]() extensions/resizable. Data tables in my product currently have borders, but I will have to remove them when we migrate to the new design. support request => Please do not submit support request here, post on Stackoverflow or Gitter Yes the form I want to make is like this example. ![]() I’m submitting a … (check one with “x”) bug report => search github for a similar issue or PR before submitting
0 Comments
Leave a Reply. |