要素テーブルテーブルコンポーネントの複数フィールド（複数列）ソート方法

必要：

要素テーブル内の複数の列を並べ替えるには、日付の並べ替えをクリックし、次に名前の並べ替えをクリックして、2 つの並べ替えフィールドをバックエンドに渡して並べ替えます。

発生した問題:

要素のテーブル コンポーネントは、単一列の並べ替えのみをサポートします。別の列の並べ替えをクリックすると、以前の並べ替えは自動的にキャンセルされます。オンラインで方法を検索したところ、複数列の並べ替えのスタイルの問題を処理するために :header-cell-class-name と @sort-change を使用することを提案するこの記事を見つけました。長い間試してみたところ、並べ替えをキャンセルすると sort-change イベントが null を返すため、どの列で並べ替えがキャンセルされたのかがわかりませんでした。つまり、element-table イベントに頼っても問題は解決できませんでした。

解決する：

ヘッダーをカスタマイズして、2 つの小さなアイコンをヘッダーに直接貼り付けます。次に、クリックソートイベントをそれぞれバインドします。この方法では、並べ替えステータス (昇順、降順、未並べ替え) と並べ替えられた列名の両方を取得できます。この時点で、読者は特定のコードがイントラネットにあり、それを貼り付けるのは簡単ではないことを理解する必要があります。質問がある場合は、コメントしてください。できる限りお答えします。

これで、要素テーブルコンポーネントのマルチフィールド（マルチカラム）ソート方法についての記事は終了です。要素テーブルのマルチフィールドソートに関するより関連性の高いコンテンツについては、123WORDPRESS.COM の以前の記事を検索するか、以下の関連記事を引き続き参照してください。今後とも 123WORDPRESS.COM をよろしくお願いいたします。