Multiple tr child columns cannot be dragged

[Sgyxs]

If there are two rows in my thead, and the upper and lower belong to the merged row relationship, after initialization can only width drag the first row and not width drag the second row. Here is my test table

Uploading jQuery Resizable Columns - 个人 - Microsoft​ Edge 2024-06-11 14-40-37.mp4…

<table class="table table-bordered" data-resizable-columns-id="demo-table-v2"> <thead> <tr> <th colspan="2" >first</th> <th colspan="2" >s</th> </tr> <tr> <th data-resizable-column-id="#">#</th> <th data-resizable-column-id="first_name">First Name</th> <th data-resizable-column-id="last_name">Last Name</th> <th data-resizable-column-id="username" id="username-column" data-noresize>Username</th> </tr> </thead> <tbody> <tr> <td>1</td> <td>Mark</td> <td>Otto</td> <td>@mdo</td> </tr> <tr> <td>2</td> <td>Jacob</td> <td>Thornton</td> <td>@fat</td> </tr> <tr> <td>3</td> <td colspan="2">Larry the Bird</td> <td>@twitter</td> </tr> </tbody> </table>