5

jqGridの画像に表示されている線を削除したい。どうすればそれを削除できますか？

ここに画像の説明を入力してください

4

3 に答える 3

13

jqGridは、メイングリッドテーブル上にいくつかの追加のdivを構築します。外側のdivにはクラスがありui-jqgridます。したがって、グリッド全体に存在する左右の境界線を削除する必要がある場合は、次のCSSを使用できます。

.ui-jqgrid { border-right-width: 0px; border-left-width: 0px; }

グリッドの境界線をすべて削除する必要がある場合は、

.ui-jqgrid { border-width: 0px; }

グリッド内のセル間の垂直方向の境界線をさらに削除する場合は、次を使用できます。

.ui-jqgrid tr.ui-row-ltr td { border-right-color: transparent; }

行間の水平方向の境界線を削除するには、

.ui-jqgrid tr.ui-row-ltr td { border-bottom-color: transparent; }

列ヘッダー間の垂直方向の境界線を削除するには、次を使用できます

th.ui-th-column { border-right-color: transparent !important }

または代わりに（を使用せずに!important）

.ui-jqgrid-labels .ui-th-column { border-right-color: transparent }

（古い答えを参照してください）

したがって、正確な要件に応じて、必要なスタイルを選択できます。デモは、上記のすべてのCSSスタイルを適用した結果を示しています。

ここに画像の説明を入力してください

于 2012-08-03T08:45:35.823 に答える
1

CSSで境界線を削除したい場合は、次のように境界線を変更する必要がnoneあります。

CSSファイルのjquery-ui-1.8.1.custom.css（53行目）：

  #divid  .ui-widget-content {
        background: url("images/ui-bg_inset-hard_100_fcfdfd_1x100.png") repeat-x scroll 50% bottom #FCFDFD;
        border: 0 none;
        color: #222222;
    }
于 2012-08-03T06:41:08.457 に答える
1

ファイル内のCSSを変更するのではなくcustom.css、インラインCSSで次のようなことを行うことができます。

.ui-widget-content table#YourTableId { border: 0px !important; }

!importantカスタムCSSファイルでテーブルに定義されたCSSを上書きすることを忘れないでください。

于 2012-08-03T06:53:15.113 に答える