ScrollingTable | 【干货】最详细、最完美、可以上下左右移动的表格布局，仿同花顺自选列表，老虎证券财报列表 , 欢迎Start、Fork | RecyclerView library

I have a page with an HTML table and some CSS. When I display the page in Firefox (v66.0.5 64-bit) then it mostly works, the headers stick to the top like they are supposed to and the first column sticks to the left. But when I shrink the width of the browser window so the page has a horizontal scrollbar, I can't figure out how to make the tr tag with a colspan not scroll off to the left when scrolling horizontally.

When I run the same code in Firefox using JSFiddle, it doesn't work as well as from my own HTML and CSS files. The only header that sticks to the top is the main one with the column headers, the other headers don't stick to the top. However, the first column does stick to the left. Here's the page on JSFiddle:

https://jsfiddle.net/samlalani/nswoz9rp/8/

The same issue occurs on Safari on MacOS.

In Chrome (v74.0.3729.131 64-bit), the first column sticks to the left when scrolling horizontally, but scrolling vertically doesn't stick any headers at the top.

I have been searching all over the internet (including on stackoverflow) trying to figure out how to make this page work on both Firefox and Chrome with no luck. And there are no examples of how to make a tr with a colspan not scroll off the left of the screen when scrolling horizontally. Any help would be greatly appreciated.

Here's the code I am using:

I'm trying to get this CSS header lock: JSFiddle working after an .html() load. It works perfectly if I go directly to the php page, but if I reference it from another page and load it into a div, I can't get it to work and I can't figure out why. I have a feeling it has something to do with the extra div on the "Loading" Page. Everything else works fine, I just can't get the headers to freeze when loading it from another page. Any help is greatly appreciated. Thank you!

CSS:

I have a table in that somedata is there.I am implementing the search functionality in that table using ajax.It is working fine.But my problem is when i try to load the image based on path stored on the database table.It is not loading.below is my code for appending the image into table.Please any help.Thanks in Advance.

I Have a Html table in that I am doing update using Ajax.It is working fine.When I click on the Edit button values displaying to the textboxes fine and then when I click on the Add button.The table is look like below .I am appending to the table.What I want is Before appending to the table row remove the clicked row from the table.When I refresh the page extra row is gone.How can i do that.I tried different ways it is not working.I am Still new to Jquery.Please help me.Thanks in Advance.

I have a four text boxes and one fa icon and below there is a table.what I want is text size width should be equal to the table header column size. I have tried all the ways but it is not working.How can i fix that.any help would be appreciated Thanks in Advance.

I have a form in that I am trying to do inline editing and adding using AJAX call.

Firstly I am displaying data in HTML table. And then if enter data into text boxes and click on add button record adding displaying data in HTML table. After I click edit button data showing in the textboxes fine.

But I am getting the ajax response as null.

I couldn't figure it out.

This is my AJAX code PHP file:

I have HTML table when I first load the page showing all the data into HTML table using PHP.I have implemented ajax and jquery for search it is working fine.It is showing matched data when matches else giving no results found message from ajax url file.But When I empty the textbox it is not showing all the rows.How to show If textbox empty All the records.I am new to jquery and ajax.Please any help would be appreciated.Thanks in Advance.

I have created HTML table and displaying data using PHP.Now I want to implement the search operation on that table using jquery ajax.I am new to the jquery and ajax.What I want is if I enter more than 3 characters it should show the records based on the search.I tried some code it is not working.I don't Know the way I tried correct or not please any help would be appreciated.Thanks in Advance.

HTML:

I'm working with scrolling table in Gojs. I've set the property "editable: true" for my table. Now, suppose I've edited a text in any column of a row, then how can I get the data for this entire row or edited text? Please let me know if you know this.

Here is my code: