Since tbody
cannot normally scroll independently of thead
, we use the default layout, measure the column sizes and then switch to fixed table-layout with explicit cell sizes.
One | Two | Three | Four |
---|---|---|---|
Lorem ipsum | 1299 | Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sint, aut aspernatur beatae sit ipsam maiores tempore nulla modi! Molestias tempora, iure explicabo, delectus voluptatum et modi voluptates dolorem velit ut! | Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolorem nesciunt expedita consequuntur ipsum! Quisquam commodi, neque vitae nihil nostrum soluta reprehenderit possimus corporis ratione, pariatur, aperiam qui deserunt modi unde. |
TODO: colspans still need work. | |||
Lorem ipsum | 1299 | Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sint, aut aspernatur beatae sit ipsam maiores tempore nulla modi! Molestias tempora, iure explicabo, delectus voluptatum et modi voluptates dolorem velit ut! | Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolorem nesciunt expedita consequuntur ipsum! Quisquam commodi, neque vitae nihil nostrum soluta reprehenderit possimus corporis ratione, pariatur, aperiam qui deserunt modi unde. |
Lorem ipsum | 1299 | Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sint, aut aspernatur beatae sit ipsam maiores tempore nulla modi! Molestias tempora, iure explicabo, delectus voluptatum et modi voluptates dolorem velit ut! | Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolorem nesciunt expedita consequuntur ipsum! Quisquam commodi, neque vitae nihil nostrum soluta reprehenderit possimus corporis ratione, pariatur, aperiam qui deserunt modi unde. |
Lorem ipsum | 1299 | Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sint, aut aspernatur beatae sit ipsam maiores tempore nulla modi! Molestias tempora, iure explicabo, delectus voluptatum et modi voluptates dolorem velit ut! | Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolorem nesciunt expedita consequuntur ipsum! Quisquam commodi, neque vitae nihil nostrum soluta reprehenderit possimus corporis ratione, pariatur, aperiam qui deserunt modi unde. |
Lorem ipsum | 1299 | Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sint, aut aspernatur beatae sit ipsam maiores tempore nulla modi! Molestias tempora, iure explicabo, delectus voluptatum et modi voluptates dolorem velit ut! | Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolorem nesciunt expedita consequuntur ipsum! Quisquam commodi, neque vitae nihil nostrum soluta reprehenderit possimus corporis ratione, pariatur, aperiam qui deserunt modi unde. |
Lorem ipsum | 1299 | Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sint, aut aspernatur beatae sit ipsam maiores tempore nulla modi! Molestias tempora, iure explicabo, delectus voluptatum et modi voluptates dolorem velit ut! | Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolorem nesciunt expedita consequuntur ipsum! Quisquam commodi, neque vitae nihil nostrum soluta reprehenderit possimus corporis ratione, pariatur, aperiam qui deserunt modi unde. |
Lorem ipsum | 1299 | Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sint, aut aspernatur beatae sit ipsam maiores tempore nulla modi! Molestias tempora, iure explicabo, delectus voluptatum et modi voluptates dolorem velit ut! | Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolorem nesciunt expedita consequuntur ipsum! Quisquam commodi, neque vitae nihil nostrum soluta reprehenderit possimus corporis ratione, pariatur, aperiam qui deserunt modi unde. |
Lorem ipsum | 1299 | Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sint, aut aspernatur beatae sit ipsam maiores tempore nulla modi! Molestias tempora, iure explicabo, delectus voluptatum et modi voluptates dolorem velit ut! | Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolorem nesciunt expedita consequuntur ipsum! Quisquam commodi, neque vitae nihil nostrum soluta reprehenderit possimus corporis ratione, pariatur, aperiam qui deserunt modi unde. |
Lorem ipsum | 1299 | Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sint, aut aspernatur beatae sit ipsam maiores tempore nulla modi! Molestias tempora, iure explicabo, delectus voluptatum et modi voluptates dolorem velit ut! | Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolorem nesciunt expedita consequuntur ipsum! Quisquam commodi, neque vitae nihil nostrum soluta reprehenderit possimus corporis ratione, pariatur, aperiam qui deserunt modi unde. |