Home/ Questions/Q 9188889
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-17T20:07:14+00:00

I have a table with two rows; one with 5 definitions and one with

  • 0

I have a table with two rows; one with 5 definitions and one with 4. Is there anyway to get the second row to be in the center of the top row where the columns don’t line up?

<table class="productBrowserTableControllerType" id="productBrowserTableControllerType" border="1">
    <tr>
        <td>Standard Solenoid</td>
        <td>"Classic" Solenoid</td>
        <td>Manual Lever</td>
        <td>Palm Button</td>
        <td>Foot Pedal/Treadle</td>
    </tr>
    <tr>
        <td>Cam Roller</td>
        <td>Piston</td>
        <td>Remote Pilot</td>
        <td>Differential Pilot</td>
    </tr>
</table>
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    wrap the second row in another table and put the whole thing into one <td> that has a colspan of 5 like this…

    http://jsfiddle.net/FzUhA/1/

        <tr>
        <td>Standard Solenoid</td>
        <td>"Classic" Solenoid</td>
        <td>Manual Lever</td>
        <td>Palm Button</td>
        <td>Foot Pedal/Treadle</td>
    </tr>
    <tr>
       <td colspan = "5" align="center">
           <table><tr>
           <td>Cam Roller</td>
           <td>Piston</td>
           <td>Remote Pilot</td>
           <td>Differential Pilot</td>
           </tr>
           </table>
         </td>
    </tr>
    • 0