Hi all,

I need to create some table structure with product data.
One of the demands is that the first 3 rows (art nr, description, image for example) have to be visible all the time, the other attributes must be able to scroll down.

 These rows need to be scrollable, but in a way that the 'sticky' rows will be visible all the time.

Does anyone have an idea how to achieve this? I experimented by using two html modules, the first one contained the sticky table, the other one the other attributes. I made the second html module scrollable. This works pretty well but its not a great solution.

Thanks!

You can do this with HTML and CSS in a single HTML module like this:

            <div>
            <table>
                    <tr height="40">
                        <td>Col 1</td>
                        <td>Col 2</td>
                        <td>Col 3</td>
                    </tr>
                    <tr height="40">
                        <td>Col 1</td>
                        <td>Col 2</td>
                        <td>Col 3</td>
                    </tr>
                    <tr height="40">
                        <td>Col 1</td>
                        <td>Col 2</td>
                        <td>Col 3</td>
                    </tr>
            </table>
     </div>
            <div style="overflow: scroll; height: 100px">
            <table>
                    <tr height="40">
                        <td>Col 1</td>
                        <td>Col 2</td>
                        <td>Col 3</td>
                    </tr>
                    <tr height="40">
                        <td>Col 1</td>
                        <td>Col 2</td>
                        <td>Col 3</td>
                    </tr>
                    <tr height="40">
                        <td>Col 1</td>
                        <td>Col 2</td>
                        <td>Col 3</td>
                    </tr>
            </table>
     </div>

Nik

Okay, I took too long putting my post together

It is the same solution though.

Carlos