ねずみ

<h1 id="tabulator%E3%81%AE%E8%A1%A8%E3%81%AE%E4%B8%AD%E3%81%ABinput%EF%BC%88%E5%85%A5%E5%8A%9B%E6%AC%84%EF%BC%89%E3%82%84%E3%83%97%E3%83%AB%E3%83%80%E3%82%A6%E3%83%B3%E3%82%92%E3%81%84%E3%82%8C%E3%82%8B" data-line="0" class="code-line">
<a class="header-anchor-link" href="#tabulator%E3%81%AE%E8%A1%A8%E3%81%AE%E4%B8%AD%E3%81%ABinput%EF%BC%88%E5%85%A5%E5%8A%9B%E6%AC%84%EF%BC%89%E3%82%84%E3%83%97%E3%83%AB%E3%83%80%E3%82%A6%E3%83%B3%E3%82%92%E3%81%84%E3%82%8C%E3%82%8B" aria-hidden="true"></a> Tabulatorの表の中にinput（入力欄）やプルダウンをいれる</h1>
<p data-line="2" class="code-line">ドキュメント：<a href="https://tabulator.info/docs/6.2/edit#edit-builtin" target="_blank" rel="nofollow noopener noreferrer">https://tabulator.info/docs/6.2/edit#edit-builtin</a></p>
<p data-line="4" class="code-line"><code>columns</code>の中に<code>editor</code>で指定</p>
<h2 id="%E2%96%BC%E4%BE%8B%EF%BC%9A%E5%85%A5%E5%8A%9B%E6%AC%84" data-line="5" class="code-line">
<a class="header-anchor-link" href="#%E2%96%BC%E4%BE%8B%EF%BC%9A%E5%85%A5%E5%8A%9B%E6%AC%84" aria-hidden="true"></a> ▼例：入力欄</h2>
<div class="code-block-container"><pre><code class="code-line" data-line="6">{
    title: '入力欄サンプル',
    field: 'inputsample'
    editor: 'input'
}
</code></pre></div><h2 id="%E2%96%BC%E4%BE%8B%EF%BC%9A%E3%83%97%E3%83%AB%E3%83%80%E3%82%A6%E3%83%B3" data-line="13" class="code-line">
<a class="header-anchor-link" href="#%E2%96%BC%E4%BE%8B%EF%BC%9A%E3%83%97%E3%83%AB%E3%83%80%E3%82%A6%E3%83%B3" aria-hidden="true"></a> ▼例：プルダウン</h2>
<div class="code-block-container"><pre><code class="code-line" data-line="14">{
    title: 'プルダウンサンプル',
    field: 'listsample'
    editor: 'list',
    editorParams: {
        values: ['選択項目１', '選択項目２', '選択項目３']
    }
}
</code></pre></div><p data-line="24" class="code-line">プルダウンを複数選択にする場合は</p>
<div class="code-block-container"><pre><code class="code-line" data-line="25">editorParams: {
    values: ['選択項目１', '選択項目２', '選択項目３'],
    multiselect: true
}
</code></pre></div><p data-line="31" class="code-line"><code>multiselect: true</code>を追加</p>
<h3 id="editor%E3%81%A7%E6%8C%87%E5%AE%9A%E3%81%A7%E3%81%8D%E3%82%8B%E3%82%82%E3%81%AE" data-line="33" class="code-line">
<a class="header-anchor-link" href="#editor%E3%81%A7%E6%8C%87%E5%AE%9A%E3%81%A7%E3%81%8D%E3%82%8B%E3%82%82%E3%81%AE" aria-hidden="true"></a> <code>editor</code>で指定できるもの</h3>
<p data-line="34" class="code-line">ドキュメント：<a href="https://tabulator.info/docs/6.2/edit" target="_blank" rel="nofollow noopener noreferrer">https://tabulator.info/docs/6.2/edit</a></p>
<ul data-line="35" class="code-line">
<li data-line="35" class="code-line">Input</li>
<li data-line="36" class="code-line">Textarea</li>
<li data-line="37" class="code-line">Number</li>
<li data-line="38" class="code-line">Range</li>
<li data-line="39" class="code-line">Checkbox</li>
<li data-line="40" class="code-line">Star</li>
<li data-line="41" class="code-line">Progress Bar</li>
<li data-line="42" class="code-line">Date</li>
<li data-line="43" class="code-line">Time</li>
<li data-line="44" class="code-line">Date Time</li>
<li data-line="45" class="code-line">List (Select/Autocomplete)</li>
</ul>


Tabulatorメモ

Tabulatorの表の中にinput（入力欄）やプルダウンをいれる

▼例：入力欄

▼例：プルダウン

`editor`で指定できるもの

Tabulatorの表の中にinput（入力欄）やプルダウンをいれる

▼例：入力欄

▼例：プルダウン

editorで指定できるもの

`editor`で指定できるもの