4

jquery datatable を使用して、html テーブルに水平および垂直スクロールバーを追加しています。水平スクロールバーが表示されず、水平コンテンツが画面外に出ることを除いて、他のすべては正常に機能しています。次のコードを使用しています。

jQuery(document).ready(function(){
    var oTable = jQuery('#example').dataTable( {
    "bPaginate": false,
    "bFilter": false,
    "bInfo": false,
    'bSortable': false,
    "aaSorting": [],
    "bAutoWidth": false,
    "sScrollY": "300",
    "sScrollX": "50%",
    "sScrollXInner": "100%",
    "bScrollCollapse": true
    });
    new FixedColumns( oTable );
});

sScrollX を変更しても何も変わりません。sScrollXInner を変更すると、テーブルが歪みます。

以下は、div にあるテーブルの html コードです。

<div id="demo">
   <table id="example" class="display" border="0" width="500px" cellspacing="0"
   cellpadding="10" align="center" style="border: solid 1px #dedfe1;">

私の要件は、テーブルヘッダーを固定し、左端の列を固定することです。そのため、jquery データテーブルを使用しています。テーブル ヘッダーは修正され、垂直スクロールは正常に機能しています。横スクロールが表示されません。

誰でも助けてもらえますか？

ありがとう

4

1 に答える 1

0

これがこの状況に役立つかどうかはわかりません。cssプロパティoverflow-x：scrollを追加してみませんか。

于 2012-05-16T13:23:23.437 に答える