0

私はdatatableの複数選択機能とscrollXとscrollYを他のさまざまな機能とともに使用しています。しかし、特に multiselect と sScrollX、sScrollY の機能は互いに競合しているようです。


複数選択のみ

http://postimg.org/image/z55uqsbxd/


スクロール機能でマルチフィルターを使用しているときに、複数選択テキスト ボックスの幅が右にずれているように見えます。40 列を超えると、UI が悪化します。

scrollY による複数選択

http://postimg.org/image/palnmlfnb/


firebug でレンダリングされた html を掘り下げたところ、
1. 複数選択のみで、幅のスタイルがありません。

<tfoot>
<tr>
<th rowspan="1" colspan="1">
<span class="filter_column filter_text"> 

2.しかし、スクロールXおよびY機能(sScrollX、sScrollY)を使用した後、スタイルが表示されます

<tr>
<th rowspan="1" colspan="1" style="width: 17px;">
<span class="filter_column filter_text">

そして、ここでの犯人は style="width: XXpx;" のようです 「th」ごとに、javascriptによってレンダリングされています

element.style {
    width: XXpx;
}

注: 上記の XX は 2 桁の数字を表します (例: 14)。

CSS機能のoverflow:auto;を使用しようとさえしました。完全に機能するテーブル全体に対して、スクロールバーはテーブル全体に対してです。しかし、tableTools や Colvis 機能のような別の機能も上部にあり、垂直スクロール バーの下にもあります。したがって、これは解決策ではありませんでした。

私の友人に光を当ててください。

4

1 に答える 1