エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
【Vue】テーブル操作エキスパートへの道。ボタンクリックで行を追加する方法 - Qiita
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
【Vue】テーブル操作エキスパートへの道。ボタンクリックで行を追加する方法 - Qiita
作成した表をユーザー操作できるようにする。まずは手始めに「下に行を追加」ボタンをクリックすると行... 作成した表をユーザー操作できるようにする。まずは手始めに「下に行を追加」ボタンをクリックすると行が追加されるようにする。 ▼完成形のイメージ ①要素が選択されていない場合は下に追加 ↓ 1行追加 ②要素が選択されている場合はその行の下に追加 ※複数選択の場合は最初に選択した要素を対象とする。 ↓ 一番上の要素を軸に下に2行追加。 選択中のセルがシフトするようにする。 考え方 クリックイベントを検知 選択中の要素がある場合はその行番号を取得(ない場合は一番下に追加) 選択した行とそれ以降で分割し、間に新しい行を追加してマージ 選択中の要素の行番号を必要に応じて一つ下にずらす。 作成方法 テーブルの作成方法についてはこちら 以下では追加処理についてのみ記述。 ボタンの作成 以下のようなボタンを作成。クリックイベントを設定する。