If you do something like the effect of freezing the first column in Excel_html/css

If you do something like the effect of freezing the first column in Excel_html/css_WEB-ITnose

WBOY

Release： 2016-06-24 11:48:08

Original

1428 people have browsed it

I have a table and the data is read dynamically. Now I want to make the first four columns similar to Excel’s frozen effect.
When dragging the horizontal scroll bar, these four columns are fixed. Do you have any questions? There is no idea.

If you put these four columns into an independent DIV, it will inevitably destroy the original data structure. Moreover, my page has a lot of data and is complicated, so I hope to have a solution with minimal changes.

Reply to discussion (solution)

Duang! ~ Duang! ~ Duang!

Hello Yuanyuan

Make two tables. One table with four fixed columns is placed on the left, and a movable table is placed on the right. Overflow hiding is also set to the right. , so that scrolling on the right won't affect the left.
When data is dynamically read, just add rows to both tables at the same time.

Wrap what needs to be understood in a large div, set width, overflow-x:scroll.

Just mark it

<table><tr>    <td class='budong'></td>    <td></td>    <td></td>    <td></td>    <td></td></tr></table>

Copy after login

Then judge the class value when dragging! First make a copy of td! In fact, the original td is still rolling, but the new copied one is set to a fixed position!

Just mark it

<table><tr>    <td class='budong'></td>    <td></td>    <td></td>    <td></td>    <td></td></tr></table>

Copy after login

Then judge the class value when dragging! First make a copy of td! In fact, the original td is still rolling, but the new copied one is set to a fixed position!

That’s pretty reliable. Can you post the JS code? How to fix the new one. Let me explain in detail, aunty

Wrap what you need to know in a large div, set width, overflow-x:scroll.

You are too opportunistic.

jQuery EasyUI Data Grid - Set frozen columns

http://download.csdn.net/detail/qq_26505177/8494335

Just uploaded the plug-in, see if it can Can't help you.

Wrap what needs to be understood in a large div, set width, overflow-x:scroll.

You are too opportunistic.

If the amount of data is too large, it will be troublesome to copy it with a plug-in.

Just take a look at the initial version, which can be easily abbreviated ~ not foolproof enough.