<テンプレート> <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 をよろしくお願いいたします。 以下もご興味があるかもしれません:
|
>>: ウェブページ上の写真プレビューナビゲーションを設計するためのヒント
序文まず、高性能サーバーの高可用性またはホットスタンバイソリューションである Keepalived ...
この記事では、WindowsでのMySQL 5.7.18のインストールと設定のチュートリアルを参考ま...
この記事の例では、Appleの電卓を実装するためのJSの具体的なコードを参考までに共有しています。具...
参考までにMySQL 8.0.22をダウンロードしてインストールしてください。具体的な内容は次のとお...
背景:場合によっては、json データをページに直接表示する必要があります (たとえば、インターフェ...
1. MySQL Community Server 5.6.35をダウンロードするダウンロードアドレ...
ナビゲーションバーのサブメニューを再帰的に生成すると、メニューは正常に生成できるが、マウスをホバーす...
1. IEブラウザモードハックロゴ1. CSSハックロゴコードをコピーコードは次のとおりです。 ie...
目次序文 - Vue ルーティング1. 最も基本的なルーティング構成1. router/index....
目次分散IDソリューションの概要データベース自動増分IDデータベースマルチマスターモード数値セグメン...
問題現象: [root@localhost ~]# docker イメージをプル xxx.com.c...
均等に分散されたレイアウトの場合、通常はネガティブ マージン方式を使用します。次の図は平均的なレイア...
まず、GB2312、GBK、UTF-8 はすべて文字エンコーディングであることを理解する必要がありま...
1. 空のディレクトリを作成する $ cd /home/xm6f/dev $ mkdir myapp...
データURI Data URI は、小さなファイルをドキュメントに直接埋め込むために RFC 239...