Question

I try to create a table with a fixed column but I faced all sorts of problems.
For example:
the position is not ok because can easily distinguish the fixed column from the rest of tbody table and if I’ll resize browser the fixed column will ruin table design. The background color of td from fixed column is not the same as in rest of tbody and most important is the the description of a column is displayed on more rows in the same tr td the height of td from fixed column will remain smaller than rest of tr as can be seen on last tr from my example.
Can anyone help me with this?

Please check my fiddle:

http://jsfiddle.net/Ksb2W/81/

Thank You.

Answer 1

alright so you can set this up a little bit differently

<table id='main'>

    <tr>
        <td>
            <div>
                use this div to define width of the viewable area
                <table>
                    this is your table with the data
                </table>
            </div>
        </td>
        <td>action table here, don't need special positioning</td>
    </tr>

</table>

use defined width, if you use % then you need to apply that to both tables so they both resize but I think defined width would be better. If you don’t understand my code, let me know