javascript - Table fixed tail row, has anyone written it?

Question

Now there is a requirement. The last row of the table is the total. The total should be fixed at the bottom of the table. Has anyone implemented it?

Answer 1

position: fixed;
bottom: 0;

Answer 2

You are using elementui, just set show-summary to true. You can take a look at elementUI’s official website

Answer 3

If you write it yourself
1. First get the first row of tr (non-title), and make the width of each td into an array
2. Get the last row of tr, change the position to fixed, set the position, and then add the td of the last row Fixed width, corresponding to the td of the first row

Answer 4

Have you tried the pseudo-class last-child?