<テンプレート> <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 をよろしくお願いいたします。 以下もご興味があるかもしれません:
|
>>: ウェブページ上の写真プレビューナビゲーションを設計するためのヒント
目次1. インストールの準備1. Linux関連情報の表示(Linuxコマンドライン操作) 2. M...
MySQL のログには、エラー ログ、バイナリ ログ、一般クエリ ログ、スロー クエリ ログなどが含...
一言で言えば: データハイジャック (Object.defineProperty) + パブリッシュ...
今日は、CSS3 の transition-delay 属性のデフォルト値 0 に単位がないのは無効...
CUDA インストール cuda をダウンロードサポートされているcudaバージョンを表示するには...
MySQL での置換例の詳細な説明replace into は insert と似ていますが、rep...
目次設計シナリオ技術的なポイントサーバー情報準備フルバックアップスクリプト(Mysql-FullyB...
1. 必要なパッケージをダウンロードする wget -P /usr/local https://st...
この記事は、この時期の「ピーターから奪ってポールに払う」という仕事のスタイルに対する私の不満から生ま...
Web サービスは、アプリケーション間の通信に関係します。 WSDL は、XML ベースの Web ...
この記事では、主に 2 種類の下線の動的効果について説明します。1 つ目は、ホバーすると X 軸が内...
序文サーバーシステム環境は、CentOS 6.5 (最終) です。 FFmpeg をサーバーに正常に...
この記事の例では、テーブルのシームレスなスクロールを実現するためのjQueryの具体的なコードを参考...
ウェブページとは何ですか? HTML ドキュメントがブラウザカーネルによってレンダリングされた後に表...
仮想マシンは非常に便利なテストソフトウェアです。ハードウェアに損傷を与えることなく、さまざまなテスト...