search

tabalinas / jsgrid

Lightweight Grid jQuery Plugin
http://js-grid.com
MIT License
1.53k stars 353 forks source link

How to render 1 table instead of 2 tables - First Table(Header, Filter and Insert Row) and Second Table(Item Row) #1436

Open anki7scorp opened 3 months ago

anki7scorp commented 3 months ago

@tabalinas

Help Request/Question:

A) As of now, JSGrid renders two tables at the HTML level. How to render 1 table instead of 2 tables - First Table(Header, Filter and Insert Row) and Second Table(Item Row). It is impacting lot of the Alignment of Top Rows with the Item Rows. Somehow managing it with the Width but not working on properly on Desktop and almost all the other resolutions.

Below is the rendered code where RowRenderer function is already in use for rendering the data for ItemRow only but RowRenderer is not impacting on the Above Table Container.

NamePhoneTotal Red FlagsTotal Red Flags PointsStatus
Jane Doe 4103108910
2
10
In Progress
Jane Doe 4103108910
0
0
In Progress
Jane Doe 4103108910
0
0
In Progress
Christine
1
5
To Be Assigned
null
1
5
To Be Assigned
Christine 4106043215
2
10
To Be Assigned
Christine 4103108910
3
60
To Be Assigned
Ankit Kumar 09814901669
31
335
To Be Assigned

Please provide satisfactory solution for this problem.

anki7scorp commented 2 months ago

@tabalinas Any update on this? It is rendering 2 tables. One for header and one data which is disaligning the columns in the header with row data below.