0

jQueryのドラッグ可能およびソート可能を使用して、テーブルの特定の列内にリストされている要素をソートしようとしています。

その理由は、私は本質的に人々をタイムスロットに合わせたいからです。

私はそのようなテーブルを持っています：

<table width="300" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td>1:00 PM</td>
    <td><div class="personSortable">Person 1</div></td>
  </tr>
  <tr>
    <td>2:00 PM</td>
    <td><div class="personSortable">Person 2</div></td>
  </tr>
  <tr>
    <td>3:00 PM</td>
    <td><div class="personSortable">Person 3</div></td>
  </tr>
  <tr>
    <td>4:00 PM</td>
    <td><div class="personSortable">Person 4</div></td>
  </tr>
</table>

クラス'personSortable'のすべてのdivを、使用可能なタイムスロットに並べ替えることができます。私は答えを探しましたが、私が見つけた最も近い方法は、行全体を並べ替え可能にすることでした（テーブルを並べ替え可能なコンテナーにすることによって）-これは、タイムスロットを変更できないため理想的ではありません。

私が持っていたもう1つのアイデアは、2つのdivラッパーを作成することでした。1つはタイムスロットを持ち、もう1つはユーザー用の並べ替え可能なdivを含み、CSSの「float」プロパティを使用してそれらを並べます。それはより理想的なアプローチでしょうか？

4

1 に答える 1

0

これを見つけて、他の誰かが興味を持っていれば、それはトリックをするようです：

http://www.redips.net/javascript/drag-and-drop-table-content/

于 2012-06-22T04:27:01.853 に答える