jQuery split a table into two tables at a particular row number

Question

I need to split a table into two tables at a particular row number using jQuery. Can this be done?

I googled but couldn\'t find anything. jQuery\'s pretty powerful,

Answer 1

jQuery Slice method will be useful in such case: documentation here

Add a table with some rows in html:

    
Row 1
    
Dummy Data


    
Row 2
    
Dummy Data


    
Row 3
    
Dummy Data


    
Row 4
    
Dummy Data


    
Row 5
    
Dummy Data


    
Row 6
    
Dummy Data


    
Row 7
    
Dummy Data


    
Row 8
    
Dummy Data


    
Row 9
    
Dummy Data


    
Row 10
    
Dummy Data

Slice n rows using jQuery, create new table instance and append rows:

See working demo here