序文最近のプロジェクトのバックグラウンド管理システムでは、フロントエンド インターフェイスの作成時に ElementUI が使用されていましたが、次の図に示すように、データ テーブルをインポートした後、テーブル ヘッダーの高さが常に非常に高くなることがわかりました。 ウェブ上で解決策をたくさん検索しましたが、役に立ちませんでした。大変な努力の末、ようやくこの問題を解決し、ここに記録しました。 ヒント:以下はこの記事の主な内容です。以下のケースを参考にしてください。 1. 問題の原因Web ページのコードを確認したところ、テーブル ヘッダーの高さを設定するスタイルがないことがわかりました。ヘッダーの高さは その理由は、メインページで 2. 解決策
要約する 上記はヘッダーを変更する方法です。レイアウト コンテナーを使用する場合は、まずレイアウト コンテナーを確認してから、単一のコンポーネントを変更します。これまでインターネットでさまざまな方法を検索しましたが、現在の問題を解決できる方法はありませんでした。今後は、問題を解決する前に問題がどこにあるのかを理解する必要があります。 VueはelementUIテーブルtr thの高さと背景色を変更します/* テーブルヘッダーの背景色を設定します */ .el-table__header th、.el-table__header tr { 背景色: #17B3A3; 色: 黒; } /* テーブル本体の高さを設定します */ .el-table__body td、.el-table__body th{ パディング:1px; } /* テーブルヘッダーの高さを設定します */ .el-table__header td、.el-table__header th{ パディング:6px 0px; } /* ページャーの高さを設定する */ .サイトラッパー .el-ページネーション { 上マージン: 5px; テキスト配置: 右; } .el-pager li.active { 色: #080909; カーソル: デフォルト; 背景色: #17B3A3; 境界線の半径: 2px; } Element テーブル ヘッダー行の高さの問題を解決するこの記事はこれで終わりです。Element テーブル ヘッダー行の高さに関するより関連性の高いコンテンツについては、123WORDPRESS.COM の以前の記事を検索するか、以下の関連記事を引き続き参照してください。今後とも 123WORDPRESS.COM を応援していただければ幸いです。 以下もご興味があるかもしれません:
|
<<: MySQLの結合クエリ、ユニオンクエリ、サブクエリの原理と使用例の詳細な説明
>>: Pagoda Panel のインストール時にサーバーがデータベースにリモート接続できない問題の解決策
目次1. キャラクター機能1. ケースコントロール機能2. キャラクターコントロール機能2. 数学関...
脆弱性の説明Apache Flink は、分散ストリームおよびバッチ データ処理用のオープン ソース...
目次背景提供/注入共有状態の抽出データを提供するデータの挿入まとめ反応的な共有状態の抽出共有状態の使...
1. はじめにMySQL にはレプリケーション ソリューションが付属しており、次のような利点がありま...
Windows 10 で MySql データベースの解凍バージョンをインストールするステップ 1: ...
コードをコピーコードは次のとおりです。 <フォームメソッド="post" ...
現在、CentOS の最新バージョンは CentOS 8 です。次に、CentOS Linux 8....
最近、Rich Harris の <Rethinking Reactivity> ビデオ...
このタグはHTML3.2の一部ではなく、MSIE3以降のカーネルのみをサポートしています。そのため、...
目次1. 配列の役割: 2. 配列の定義: 1. コンストラクタを通じて配列を作成する2. リテラル...
目次リアルタイム更新は必要ですか?マテリアライズド ビュー ツール (Flexviews)カウントテ...
目次1. Dockerのセキュリティ問題2. Dockerアーキテクチャの欠陥とセキュリティメカニズ...
スワップを無効にするサーバーがデータベース サービスまたはメッセージ ミドルウェア サービスを実行し...
この記事の例では、参考までに貪欲なスネークを実装するためのJavaScriptの具体的なコードを共有...
最近、nginx をリバース プロキシとして使用し、docker で nginx を実行するシステム...