データテーブルの並べ替えascアイコンは、無効にしても最初の列に表示されます

user5313398

こんにちは私は次のテーブルデザインを持っています。最初と最後の列を並べ替え可能にしたくありません。それに応じて設定しましたが、アイコンascはまだ最初の列に表示されますが、最後の列には表示されません。しかし、2番目の列を並べ替えようとすると、消えてしまいます。

<table id="userTable" name='userTable' class="table table-striped table-bordered bootstrap-datatable " data-column-defs='[{"sortable": false, "targets": [0,3]}]' style='table-layout: fixed;'>
  <thead>
    <tr>
      <th class="no-sort" style='width: 10%;'>No.</th>
      <th style='width: 25%;'>First Name</th>
      <th style='width: 20%;'>last Name</th>
      <th style='width: 25%;'>Details</th>
    </tr>
  </thead>
</table>
davidkonrad

列の並べ替えを無効にしても、dataTablesの並べ替えorderは残ります。デフォルトorder[0, 'asc'];です。order代わりに#2列をターゲットに設定するだけです

var table = $('#example').DataTable({
    //....
    order: [[ 1, "asc" ]] //column indexes is zero based
})  

デモ-> http://jsfiddle.net/6k26o7mk/

またはorder: []、デフォルトの順序をまったく必要としない場合に使用します(ユーザーがテーブルを並べ替えるまでアイコンは非表示になります)。

この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。

侵害の場合は、連絡してください[email protected]

編集
0

コメントを追加

0

関連記事

分類Dev

Google Visualization-イベントテーブルの並べ替えで、特定の行を最初に表示されるレコードとして保持しますか?

分類Dev

Jqueryデータテーブルの並べ替えアイコンがヘッダーに表示されない

分類Dev

最初にテーブル数値からデータを並べ替え、次にascまたはdescなしで文字列を並べ替えます

分類Dev

データテーブルの列の並べ替えのためにascとdescを切り替えます

分類Dev

並べ替えが無効になっている場合でも、最初の列に並べ替え矢印が表示されます

分類Dev

テーブルの行に表示される配列を並べ替えようとしています

分類Dev

データテーブルの特定の列のみの並べ替えを無効にするにはどうすればよいですか?

分類Dev

Angular 5-テーブル列の並べ替えを実行し、それに沿ってアイコンを表示できますか(並べ替えを解除するため)

分類Dev

RShiny-列の並べ替えでデータテーブルの特定の行を無効にする

分類Dev

特定のボタンがクリックされたときにデータテーブルの並べ替えを無効にする方法

分類Dev

データテーブル js で最後の列の並べ替えを無効にする

分類Dev

データテーブルの列の並べ替えを無効にする方法

分類Dev

データテーブルは非表示の列で並べ替えて検索します

分類Dev

ASP.NETCOREコードのネストされたテーブルに基づいて選択したデータを最初に並べ替える方法

分類Dev

列タイトルのクリックで並べ替えを無効にし、jQueryデータテーブルの矢印のクリックを許可するにはどうすればよいですか?

分類Dev

($(#addData).is(: "visible"))の場合、テーブルの列の並べ替えを無効にします

分類Dev

表示されたデータテーブルの値に基づいてドロップダウンリストアイテムを無効にします

分類Dev

ブートストラップテーブルの非表示列の並べ替えを無効にする

分類Dev

AngularJsはすでに挿入されたデータのテーブルを並べ替えます

分類Dev

PHPのテーブルに表示する前に、配列内のデータを並べ替えます

分類Dev

バッチファイルを使用してテキストを並べ替えて合計するときに、最初と3番目のデータ列を無視するにはどうすればよいですか?

分類Dev

データテーブルjQueryのいくつかのセルの並べ替えを無効にする

分類Dev

配列の並べ替えとグループ化、すべてのアイテムを含むハッシュが最後に表示されます

分類Dev

Datatablesテーブルヘッダースパンをクリックしたときの列の並べ替えを有効/無効にします

分類Dev

mysqlは、別のテーブルのリレーションを使用して、テーブルごとにデータを並べ替えます

分類Dev

Primefacesネストされたデータテーブルは、データテーブルで並べ替えた後にnullポインター例外をスローし、同じページに送信してレンダリングします

分類Dev

並べ替え(デフォルトの並べ替え)、50エントリの表示、各列のデータテーブルのフィルタリングを行うにはどうすればよいですか?

分類Dev

データテーブル、ある列をアイコンで並べ替えるにはどうすればよいですか?

分類Dev

パンダのピボットテーブルには、「FutureWarning:非連結軸が整列されていないために並べ替え」が表示されます。

Related 関連記事

  1. 1

    Google Visualization-イベントテーブルの並べ替えで、特定の行を最初に表示されるレコードとして保持しますか?

  2. 2

    Jqueryデータテーブルの並べ替えアイコンがヘッダーに表示されない

  3. 3

    最初にテーブル数値からデータを並べ替え、次にascまたはdescなしで文字列を並べ替えます

  4. 4

    データテーブルの列の並べ替えのためにascとdescを切り替えます

  5. 5

    並べ替えが無効になっている場合でも、最初の列に並べ替え矢印が表示されます

  6. 6

    テーブルの行に表示される配列を並べ替えようとしています

  7. 7

    データテーブルの特定の列のみの並べ替えを無効にするにはどうすればよいですか?

  8. 8

    Angular 5-テーブル列の並べ替えを実行し、それに沿ってアイコンを表示できますか(並べ替えを解除するため)

  9. 9

    RShiny-列の並べ替えでデータテーブルの特定の行を無効にする

  10. 10

    特定のボタンがクリックされたときにデータテーブルの並べ替えを無効にする方法

  11. 11

    データテーブル js で最後の列の並べ替えを無効にする

  12. 12

    データテーブルの列の並べ替えを無効にする方法

  13. 13

    データテーブルは非表示の列で並べ替えて検索します

  14. 14

    ASP.NETCOREコードのネストされたテーブルに基づいて選択したデータを最初に並べ替える方法

  15. 15

    列タイトルのクリックで並べ替えを無効にし、jQueryデータテーブルの矢印のクリックを許可するにはどうすればよいですか?

  16. 16

    ($(#addData).is(: "visible"))の場合、テーブルの列の並べ替えを無効にします

  17. 17

    表示されたデータテーブルの値に基づいてドロップダウンリストアイテムを無効にします

  18. 18

    ブートストラップテーブルの非表示列の並べ替えを無効にする

  19. 19

    AngularJsはすでに挿入されたデータのテーブルを並べ替えます

  20. 20

    PHPのテーブルに表示する前に、配列内のデータを並べ替えます

  21. 21

    バッチファイルを使用してテキストを並べ替えて合計するときに、最初と3番目のデータ列を無視するにはどうすればよいですか?

  22. 22

    データテーブルjQueryのいくつかのセルの並べ替えを無効にする

  23. 23

    配列の並べ替えとグループ化、すべてのアイテムを含むハッシュが最後に表示されます

  24. 24

    Datatablesテーブルヘッダースパンをクリックしたときの列の並べ替えを有効/無効にします

  25. 25

    mysqlは、別のテーブルのリレーションを使用して、テーブルごとにデータを並べ替えます

  26. 26

    Primefacesネストされたデータテーブルは、データテーブルで並べ替えた後にnullポインター例外をスローし、同じページに送信してレンダリングします

  27. 27

    並べ替え(デフォルトの並べ替え)、50エントリの表示、各列のデータテーブルのフィルタリングを行うにはどうすればよいですか?

  28. 28

    データテーブル、ある列をアイコンで並べ替えるにはどうすればよいですか?

  29. 29

    パンダのピボットテーブルには、「FutureWarning:非連結軸が整列されていないために並べ替え」が表示されます。

ホットタグ

アーカイブ