如何制作单个< td>元素在< tr>不可排序（jQuery UI） [英] How to make a single <td> element in a <tr> not sortable (jquery ui)

问题描述

我有这样的表格

<table>
  <tr class="sortable">
    <td>Days</td>
    <td>Monday</td>
    <td>Tuesday</td>
    <td>Wednesday</td>
    <td>Thursday</td>
    <td>Friday</td>
    <td>Saturday</td>
  </tr>
  <tr class="sortable">
    <td>Works</td>
    <td>1</td>
    <td>2</td>
    <td>3</td>
    <td>4</td>
    <td>5</td>
    <td>6</td>
  </tr>
</table>

在此，我不希望< td> 的Days和Works不能排序，但仍保留在该行中。

In this, I don't want the <td>'s "Days" and "Works" not sort-able but remaining in the row.

推荐答案

Make行标题< th> ，因为它们应该是，并且只包含< td> 元素。

Make the row headers <th> as they should be and include only <td> elements.

<table>
  <tr class="sortable">
    <th>Days</th>
    <td>Monday</td>
     ...

​$( '​​​​.sortable' ).sortable({
    items: 'td'
});​​​​​

演示： http://jsfiddle.net/Xugru/

这篇关于如何制作单个< td>元素在< tr>不可排序（jQuery UI）的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！