<テンプレート> <div class="アプリコンテナ"> <el-table:data="tableData3" スタイル="幅: 100%"> <el-table-column width="120" prop="日付"></el-table-column> <el-table-column prop="name" label="姓名" width="120"></el-table-column> <el-table-column label="住所"> <el-table-column prop="province" label="省" width="120"></el-table-column> <el-table-column prop="city" label="都市" width="120"></el-table-column> <el-table-column prop="address" label="住所" width="300"></el-table-column> <el-table-column prop="zip" label="郵便番号" width="120"></el-table-column> </el-table-column> </el-table> </div> </テンプレート> <スクリプト> エクスポートデフォルト{ フィルター: {}, データ() { 戻る { テーブルデータ3: [{ 日付: '2016-05-03'、 名前: 王小湖、 省: '上海'、 都市: 普陀区、 住所: '上海市普陀区金沙江路1518号'、 郵便番号: 200333 }, { 日付: '2016-05-02'、 名前: 王小湖、 省: '上海'、 都市: 普陀区、 住所: '上海市普陀区金沙江路1518号'、 郵便番号: 200333 }, { 日付: '2016-05-04'、 名前: 王小湖、 省: '上海'、 都市: 普陀区、 住所: '上海市普陀区金沙江路1518号'、 郵便番号: 200333 }, { 日付: '2016-05-01'、 名前: 王小湖、 省: '上海'、 都市: 普陀区、 住所: '上海市普陀区金沙江路1518号'、 郵便番号: 200333 }, { 日付: '2016-05-08'、 名前: 王小湖、 省: '上海'、 都市: 普陀区、 住所: '上海市普陀区金沙江路1518号'、 郵便番号: 200333 }, { 日付: '2016-05-06'、 名前: 王小湖、 省: '上海'、 都市: 普陀区、 住所: '上海市普陀区金沙江路1518号'、 郵便番号: 200333 }, { 日付: '2016-05-07'、 名前: 王小湖、 省: '上海'、 都市: 普陀区、 住所: '上海市普陀区金沙江路1518号'、 郵便番号: 200333 }] } }, 作成された() {}, メソッド: {} } </スクリプト> <スタイル lang="scss"> .el-table thead.is-group th { 背景: #fff; } .el-table thead.is-group tr:first-of-type th:first-of-type:before { 内容: '日付'; テキスト配置: 中央; 位置: 絶対; 幅: 152ピクセル; 高さ: 1px; 下: 30px; 右: 0; } .el-table thead.is-group tr:first-of-type th:first-of-type:after { 内容: 「新着配送」 テキスト配置: 中央; 位置: 絶対; 幅: 152ピクセル; 上: 10px; 左: 0; } .el-table thead.is-group tr:first-of-type th:first-of-type .cell { 位置: 絶対; 上: 0; 左: 0; 幅: 152ピクセル; 高さ: 1px; 背景色: #EBEEF5; 表示: ブロック; テキスト配置: 中央; 変換: 回転(38度); 変換原点: 左上; -ms-transform:回転(38度); -ms-transform-origin: 左上; -webkit-transform: 回転(38度)。 -webkit-transform-origin: 左上; } </スタイル> 効果: これで、vue 要素ヘッダーにスラッシュを追加する方法についての記事は終了です。vue 要素ヘッダーにスラッシュを追加する方法についての関連コンテンツをさらにご覧になりたい場合は、123WORDPRESS.COM で以前の記事を検索するか、以下の関連記事を引き続き参照してください。今後とも 123WORDPRESS.COM をよろしくお願いいたします。 以下もご興味があるかもしれません:
|
>>: ウェブページ上の写真プレビューナビゲーションを設計するためのヒント
システム管理者は複数のサーバーを同時に管理する場合があり、これらのサーバーは異なる場所に配置されてい...
最新バージョンのMySQL 8.0.11をインストールした後、ユーザーを作成して認証します。認証され...
最近、webpackの使い方を学んでいたときに、webpack-replace-loaderの設定正...
成果を達成する実装コードhtml <div class="コンテナ">...
目次1.kvmの展開1.1 kvmのインストール1.2 kvm Web管理インターフェースのインスト...
オーバーレイネットワーク分析組み込みのホスト間ネットワーク通信は、常に Docker の待望の機能で...
Linux システムでは、chmod コマンドと chown コマンドの両方を使用して権限を設定でき...
いわゆる才能(左脳と右脳)つまり、芸術的な才能があるかどうかは、人間の左脳と右脳の分業によって主に決...
yum クイックインストール mysql yumリポジトリを追加する rpm -Uvh http:...
JS で CSS 変数を使用する方法:export キーワードを使用して、js オブジェクトを le...
React は、開発者が Web およびモバイルベースのアプリケーションを作成するために使用するオ...
目次Tomcat8のインストールと設定方法tomcat ダウンロードTomcat マネージャーを有効...
この記事では、動的なプログレスバー効果を実現するためのVueの具体的なコードを例として紹介します。具...
docker パッケージング Python 環境の手順は次のとおりです。 1 pip listの下に...
MySQL でデータを削除する方法は 2 つあります。1 つは DELETE ステートメント、もう ...