list.jsで空白行をソート対象外にしたい。

前提・実現したいこと

list.js Ver1.5で、列ヘッダクリックによる並び替えを実現しましたが、困った現象が起きています。
テーブルには空白行があるのですが、それを含めてソートしてしまうのです。解決案を探しています。

列1▼	列2	列3


c	あ	い
b	う	え
a	お	か

実現したいのは、下記のように空白行を無視したソートです。

列1▼	列2	列3
c	あ	い
b	う	え
a	お	か

x_x

2019/07/24 04:37

「jQuery UI」タグが付いていますが関係ありますか？

行動規範の内容に同意します

回答1件

ベストアンサー

list.js というのはこれでしょうか？
https://listjs.com/

ドキュメントにははっきりとは示されていませんが、sortFunction オプションがあるのでソートを変えることができます。

JavaScript
1  sortFunction: function(itemA, itemB, options) {
2    var valueA = itemA.values()[options.valueName];
3    var valueB = itemB.values()[options.valueName];
4    if (valueA === '') {
5      return options.order === 'asc' ? 1 : -1;
6    }
7
8    if (valueB === '') {
9      return options.order === 'asc' ? -1 : 1;
10    }
11
12    return valueA > valueB ? 1 : -1;
13  }