<テンプレート> <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 をよろしくお願いいたします。 以下もご興味があるかもしれません:
|
>>: ウェブページ上の写真プレビューナビゲーションを設計するためのヒント
.y { background: url(//img.jbzj.com/images/o_y.pn...
現在の環境は次のとおりです。セントロス7.5 docker-ce 18.06.1-ce 1. まずc...
1 hupからイメージを取得する docker プル nginx 2 マウントするディレクトリを作成...
IE6 と IE7 では CSS の解釈に多くの違いがあります。今日はそのうちの 1 つである高さに...
多くの友人が、Docker でプロジェクトを実行する方法をずっと知りたがっていました。今日は、自分の...
目次1. この Web サイトには SQL インジェクションの脆弱性がある可能性があることが判明しま...
この記事では、マウスがテーブルの行を通過するときにJavaScriptを使用して色ラベルを表示する方...
Nginx は、マスター プロセス (MasterProcess) と、同じ数のホスト CPU コア...
はじめに: この記事ではreact-native-cliで作成したサンプル プロジェクト (Andr...
この記事では、参考までにMySQL 8.0に接続できないJavaの問題をまとめて紹介します。具体的な...
序文ダーク モードの概念は、 MacOS系統のMojaveに由来し、ユーザーが選択できる 2 つのス...
ウェブサイトの開発とメンテナンスのコストが削減されるだけでなく、コードもよりセマンティックになります...
MySQL 5.7.18 のインストールと問題の概要。今日、新しい MySQL サーバーを導入しまし...
まず Linux に ssh をインストールします。例として Centos を使用します。ポータル:...
目次1. 需要2. 実装3. 結果1. 需要入力ボックスにデータを入力し、入力結果に基づいてデータベ...