javascript - jQuery Datatables sDom が columnFilterWidget を左にプッシュする (Firefox)

Question

ブートストラップ、jQuery Datatables、columnFilterWidgets.jsを使用しています

Firefox では、次の sDom-Declaration を使用すると、ひどい問題が発生します (columnfilterwidget.js がテーブルの左側にプッシュされます)。

"sDom": 'W<"clear">lrtip',

代わりに、この sDom 宣言を使用すると:

"sDom": '<"H"W>lrtip'

フィルターがテーブルの上に表示されます。しかし、この小さな白い線があります ( <"H">のため)

最初の sDom-Declaration を使用したいのですが、Firefox では正しく表示されるはずです。エラーはどこにあると思いますか？何も思いつきません！Chrome コンソールには何もありません...

Answer 1

cssで解決できると思います。コード全体がないと、Firefox でこのバグの原因を理解するのは困難ですが、指定された印刷画面では、テーブル ヘッダーの高さが小さすぎるようです。多分あなたはそのようなものを使うことができます:

.ui-widget-header{ /* or maybe a better selector for your jQueryUI theme "header"*/
    height:auto; /* or a bigger value */
}