SlickGridでヘッダーを取り外す方法は？

StackOverflow https://stackoverflow.com/questions/2728265

  •  02-10-2019
  •  | 
  •  

質問

ヘッダー行を削除するAPIがないことは知っていますが、CSSを変更することで実行できると確信しています。何か案は ？

たとえば、ここ： http://mleibman.github.com/slickgrid/examples/example4-model.html

CSSの専門家！私はこれについてあなたの助けが必要です。ヘッダー行を削除するパッケージのCSSコードを変更することに興味があります。パッケージの上にロードできるCSSコードが推奨されます。ソースコードはこちらです： http://github.com/mleibman/slickgrid（「ダウンロードソース」を押す）

役に立ちましたか？

解決

簡単な答えは、これを行うことは少なくとも現時点ではSlickGridではサポートされていないということです。 SlickGridがヘッダー内のDOM要素を使用してビューポートの寸法を計算するため、CSSの回避策は機能しません。に設定します display:none グリッドの幅は0ピクセルであるとSlickGridに考えさせます。

あなたはそれをやることでそれを回避することができます $(".slick-header-columns").css("height","0px") 続いて電話が続きます grid.resizeCanvas() グリッドの下部にある残りの空白を取り除くには。

他のヒント

グリッドオプションに以下を追加するだけです。

headerHeight: 0

そして、あなたのCSSで次のようなものを置きます

#myGridID .slick-header-columns {
  display: none;
}

私は同じ問題を抱えていましたが、単に表示していないことが機能しません。

$(element).find('.slick-header').css('display', 'none');

これはおそらく機能するはずです：

.slick-header-columns { display: none; }

これを行う別の方法は、slick.grid.jsに1つの行を追加することです

関数CreateColumnHeaders（）{戻る; }

CreateColumnheaders内の最初の行に戻ると、ヘッダーを削除するようです。

ライセンス： CC-BY-SA と 帰属
所属していません StackOverflow
scroll top