dataTables ios版Chrome、safariともに スクロールが機能しません。
解決したいこと
kintone上でsweetalertで作成したpopup画面にdatatablesを使ってテーブルを
表示しています。PC版ではスクロールが機能しますがios版Chrome、safariともに
スクロールが機能しません。
解決方法を教えて下さい。
発生している問題・エラー
エラー等は発生していませんがiPhoneでスクロールしようとしても
スクロールできないです。
### 該当するソースコード
```javascript kintone sweetalert css HTML5
$('#datatable').DataTable({
responsive: true,
oLanguage: {
/* 日本語化設定 */
oPaginate: { // ページネーション欄
sNext: '>',
sPrevious: '<'
},
sInfo: " _START_ - _END_ ( _TOTAL_ 件中)", // 現在の表示欄(例 = 1-5 (5件中))
sZeroRecords: "表示するデータがありません", // 表示する行がない場合
sInfoEmpty: "0 - 0 ( 0 件中)", // 行が表示されていない場合
},
data: showRecords,
lengthChange: false,
ordering: false,
searching: false,
pagingType: "simple",
sscrollX: true,
columns: [
{ title: '' },
{ title: '顧客名' },
{ title: '案件名' },
{ title: '確度' },
{ title: '結果' },
{ title: '売上' },
],
columnDefs: [
{ targets: 0, width: '95px' },
{ targets: 1, width: '300px' },
{ targets: 2, width: '300px' },
{ targets: 3, width: '200px' },
{ targets: 4, width: '200px' },
{ targets: 5, width: '200px' },
],
autowidth: true,
displayLength: 7,
});
### 自分で試したこと
cssでdivにscrollのstyleを当てたがそれもダメだった。
別のライブラリとしてjqGridで実装を図ったが駄目だった。
0 likes