How to make the content of a table cell selectable in horizontal way ?
I have sample table it contains 2 rows . i have to make the selection horizontal way .
first i select the first row cells.
next time i am trying to select the second row cells.
table id="selectable">
<tr id="selectable2">
<td class="ui-widget-content">Item 1</td>
<td class="ui-widget-content">Item 2</td>
<td class="ui-widget-content">Item 3</td>
<td class="ui-widget-content">Item 4</td>
<td class="ui-widget-content">Item 5</td>
<td class="ui-widget-content">Item 6</td>
<td class="ui-widget-content">Item 7</td>
</tr>
<tr id="selectable1">
<td class="ui-widget-content">Item 1</td>
<td class="ui-widget-content">Item 2</td>
<td class="ui-widget-content">Item 3</td>
<td class="ui-widget-content">Item 4</td>
<td class="ui-widget-content">Item 5</td>
<td class="ui-widget-content">Item 6</td>
<td class="ui-widget-content">Item 7</td>
</tr>
</table>
please help me ..