The front end realizes the table to display the data, but there are a lot of columns, is there any good way to realize it?

at present, the effect of jquery datatable, used in technology selection is that the left and right columns are frozen, and a horizontal scroll bar is added. You can drag the scroll bar to view the entire navigation information. Is there any other better way to present it?

Mar.24,2021

if the number of columns must be so many, then you have ok. If you can display only part of the key information, you can add a button to view details behind it. Click to view all the information


I have encountered similar problems before. This is my solution:
the first kind: show the important columns when displaying, and use the rest. Indicate, click. Appear a model box, full screen display all the columns are displayed
the second: if the number of columns is not too much, you can consider using the folding panel to do
can refer to


1, my current solution is you, but based on the product requirements to determine this.
2. Just add a function to filter the display list, but it still depends on the requirements.


  1. communicate with the product first, is it possible to reduce some columns
  2. are there any columns that can be merged into one column
  3. are there any columns that can be merged to get 2D data
  4. is it possible to split into multiple tables

these columns cannot be merged and need to be rendered, so they are very anxious

.
Menu