0

Firefox、Safari、Chrome などのブラウザーで右側の垂直スライダーを正しく表示する 50 行以上の slickgrid があります。

Safari を使用する iPad では、スライダーは表示されません。この問題を解決するための回避策はありますか?

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <title>SlickGrid example 1: Basic grid</title>
    <link rel="stylesheet" href="../slick.grid.css" type="text/css" media="screen" charset="utf-8" />
    <link rel="stylesheet" href="../css/smoothness/jquery-ui-1.8.5.custom.css" type="text/css" media="screen" charset="utf-8" />
    <link rel="stylesheet" href="examples.css" type="text/css" media="screen" charset="utf-8" />
</head>
<body>
    <table width="100%">
    <tr>
        <td valign="top" width="50%">
            <div id="myGrid" style="width:600px;height:500px;"></div>
        </td>
        <td valign="top">
            <h2>Demonstrates:</h2>
            <ul>
                <li>basic grid with minimal configuration</li>
            </ul>
        </td>
    </tr>
    </table>

    <script language="JavaScript" src="../lib/jquery-1.4.3.min.js"></script>
    <script language="JavaScript" src="../lib/jquery.event.drag-2.0.min.js"></script>
<script language="JavaScript" src="../slick.grid.js"></script>

    <script>

    var grid;

    var columns = [
        {id:"title", name:"Title", field:"title"},
        {id:"duration", name:"Duration", field:"duration"}
    ];

    var options = {
        enableCellNavigation: false,
        enableColumnReorder: false
    };

    $(function() {
  var data1 = [];
        for (var i = 0; i < 50; i++) {
            data1[i] = {
                title: "Task " + i,
                duration: "5 days"
            };
        }

        grid = new Slick.Grid($("#myGrid"), data1, columns, options);
    })

    </script>

</body>

4

1 に答える 1

0

私は Slickgrid に詳しくないので、何が原因であるかについてしかアドバイスできません。ボンネットの下で固定高さの div を使用しているため、スコルバーがない可能性は十分にあります。固定高さの div / スクロール シナリオのいくつかを収集すると、iOS5 で修正されますが、それまでの間、Matteo Spinelli の次の投稿を参考にしてください。

本来の位置:固定で本当にできること

于 2011-06-20T11:05:09.753 に答える