[解決済み] Ngx-datatableはカラム幅を動的に設定します。
2022-02-07 14:43:27
質問
ngx-datatableの列幅をデータベース内に保存しています。AJAXの呼び出しを使ってこれらの値を取得します。
datatableにこれらの値を設定するにはどうしたらよいですか?
試してみたこと
-
に[width]プロパティを設定します。
<ngx-datatable-column>
エレメント -
としてデータテーブルをインジェクトします。
@ViewChild(DatatableComponent) table: DatatableComponent;
と設定this.table.bodyComponent.columns[0].width = 500;
私はこれらの方法を、ある場合とない場合で試してみました。this.table.recalculate();
が、どうもうまくいかない。
EDIT
私が使っているのは
datatable-column
と
header-template
と
cell-template
.
解決方法は?
非常に些細なことですが、動作させることができました。
カラムの幅の値を
object
辞書のようなものです。
問題は、ajax 呼び出しが終了する前にグリッドがレンダリングされ、グリッド自体を再描画できないことでした。
そこで、辞書オブジェクトの初期値を
null
を配置し
*ngIf
をグリッド上に配置します。
<ngx-datatable *ngIf="colSizes">
この方法では、辞書の値が使用できるようになった後にレンダリングが行われます。
関連
-
[解決済み】 Uncaught TypeError: data.push is not a function
-
[解決済み】Google Conversionsが動作しない - スクリプトが読み込まれない
-
[解決済み】エラー:リスン EACCES 0.0.0.0:80 OSx Node.js
-
[解決済み】DOMException: サポートされているソースが見つからなかったため、読み込みに失敗しました。
-
[解決済み] [Solved] Uncaught Invariant Violation: 前のレンダリング中よりも多くのフックをレンダリングする
-
[解決済み] Angular 2の@ViewChildアノテーションがundefinedを返す
-
[解決済み] 2つのJavaScriptオブジェクトのプロパティを動的にマージするにはどうすればよいですか?
-
[解決済み] 動的に生成された要素にイベントバインディングを行うか?
-
[解決済み] jQueryでドロップダウンリストの選択値を変更する
-
[解決済み】JavaScriptの関数にデフォルトのパラメータ値を設定する
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み】Heroku:ノードアプリで「このアプリにはデフォルトの言語が検出されませんでした」エラーがスローされる
-
[解決済み】このエラーの原因は何ですか - "Fatal error: ローカルgruntを見つけることができません"
-
[解決済み】 Uncaught TypeError: data.push is not a function
-
[解決済み】SecurityError: オリジンを持つフレームがクロスオリジンフレームにアクセスするのをブロックした
-
[解決済み】JavaScriptのisset()に相当するもの
-
[解決済み】XMLHttpRequestモジュールが定義されていない/見つからない
-
[解決済み】別のjsファイル内でJavaScriptの関数を呼び出す
-
[解決済み】 Uncaught Reference Error: stLight is not defined (in Chrome only)
-
[解決済み】Syntax error: JavaScriptの不正なreturnステートメント
-
[解決済み] [Solved] Uncaught Invariant Violation: 前のレンダリング中よりも多くのフックをレンダリングする