材料テーブルに必要なフィールドを作成することは可能ですか?

comsci_dude

私は基本的にマテリアルテーブルインターフェイスを使用してクラッドを行うプロジェクトに取り組んでいます。必要に応じて必須フィールドを作成できる方法はありますか?

調べてみましたが、あまり成果はありませんでした。https://material-ui.com/components/tables/最後の例から単純な以下のコードを参照してくださいもちろん、私は個人的な使用のためにコードベースを変更し、すべてが正常に機能しますが、必要に応じてフィールドを必須にする方法がわかりません。はいの場合、どうすればよいですか?MaterialTableの小道具オプションとして何かを渡しますか?

ご提案ありがとうございます。

import React from 'react';
import MaterialTable from 'material-table';

export default function MaterialTableDemo() {
  const [state, setState] = React.useState({
    columns: [
      { title: 'Name', field: 'name' },
      { title: 'Surname', field: 'surname' },
      { title: 'Birth Year', field: 'birthYear', type: 'numeric' },
      {
        title: 'Birth Place',
        field: 'birthCity',
        lookup: { 34: 'İstanbul', 63: 'Şanlıurfa' },
      },
    ],
    data: [
      { name: 'Mehmet', surname: 'Baran', birthYear: 1987, birthCity: 63 },
      {
        name: 'Zerya Betül',
        surname: 'Baran',
        birthYear: 2017,
        birthCity: 34,
      },
    ],
  });

  return (
    <MaterialTable
      title="Editable Example"
      columns={state.columns}
      data={state.data}
      editable={{
        onRowAdd: newData =>
          new Promise(resolve => {
            setTimeout(() => {
              resolve();
              const data = [...state.data];
              data.push(newData);
              setState({ ...state, data });
            }, 600);
          }),
        onRowUpdate: (newData, oldData) =>
          new Promise(resolve => {
            setTimeout(() => {
              resolve();
              const data = [...state.data];
              data[data.indexOf(oldData)] = newData;
              setState({ ...state, data });
            }, 600);
          }),
        onRowDelete: oldData =>
          new Promise(resolve => {
            setTimeout(() => {
              resolve();
              const data = [...state.data];
              data.splice(data.indexOf(oldData), 1);
              setState({ ...state, data });
            }, 600);
          }),
      }}
    />
  );
}
comsci_dude

@HereticMonkeyのコメントは本質的に私の質問を解決します。

必須フィールドの作成は、異端の猿^^で示されている例のように、編集可能なコンポーネントを介して行われます。

ありがとうございました

この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。

侵害の場合は、連絡してください[email protected]

編集
0

コメントを追加

0

関連記事

分類Dev

変数値とテーブルフィールドを同時に挿入する追加クエリを作成することは可能ですか?

分類Dev

既存のAWSAthenaテーブルの構造体にフィールドを追加することは可能ですか?

分類Dev

Vaporの結合テーブルのフィールドにアクセスすることは可能ですか?

分類Dev

フィールド用に別のテーブルを作成する必要があるのはいつですか?

分類Dev

iOS 8 Today Extension:編集可能なテキストフィールドを追加することは可能ですか?

分類Dev

反応ネイティブルーターフラックスでドロワーメニューを作成することは可能ですか?

分類Dev

BigQuery:レコード内にフィールドを追加してテーブルスキーマを変更することは可能ですか?

分類Dev

異なるスキーマの寄木細工のファイルに外部ハイブテーブルを作成することは可能ですか?

分類Dev

テキストフィールドをキーボードに関連付けることは可能ですか?

分類Dev

Spring Boot JPA Hibernateアプリケーションで、必要な列とJPAエンティティからの関係を含むテーブルを自動的に作成することは可能ですか?

分類Dev

テーブルビューの下部にフローティングボタンを作成することは可能ですか?

分類Dev

テーブルからワードプレスにデータをフィードすることは可能ですか?

分類Dev

同じモデルの別のフィールドデータでdjangoadminフィールドフィルターを作成することは可能ですか?

分類Dev

このHTMLテーブルを作成することは可能ですか?

分類Dev

テーブルを作成するときに、MySQLデータベースに主キーフィールドが存在しないのはなぜですか?

分類Dev

テーブルを作成するときに、MySQLデータベースに主キーフィールドが存在しないのはなぜですか?

分類Dev

フィールドに可能な値の数が決まっている場合、MySQLに別のテーブルを作成する必要がありますか?

分類Dev

tkinterとpythonで複数のフォームフィールドを作成し、それをテーブルカラム形式で出力テキストボックスのoutに送信することは可能ですか

分類Dev

lang / enフォルダーにサブフォルダーを作成することは可能ですか?

分類Dev

エンティティフレームワークに保存する前にIDフィールド値を取得することは可能ですか?

分類Dev

JSONデータを使用してHTMLテーブルフィールドを自動的に作成することはできますか?

分類Dev

Mongodb:既存の文字列フィールドからAggregation PipelineにISODateフィールドを作成することは可能ですか?

分類Dev

Javaでログフィルターを作成することは可能ですか?

分類Dev

Excel 2003:セルが存在する場合にのみテーブルを作成することは可能ですか?

分類Dev

SASでフィルター可能なHTMLテーブルを作成する方法はありますか?

分類Dev

ルームで基本的な更新のフィールドを無視することは可能ですか?

分類Dev

ダブルフロート値を作成することは可能ですか?

分類Dev

バインドされたテキストごとにサイズが大きくなる可能性のあるテキストフィールドを PDF 形式で作成することは可能ですか?

分類Dev

ブートストラップで記述されたテーブルの上部のフィールドを削除することは可能ですか?

Related 関連記事

  1. 1

    変数値とテーブルフィールドを同時に挿入する追加クエリを作成することは可能ですか?

  2. 2

    既存のAWSAthenaテーブルの構造体にフィールドを追加することは可能ですか?

  3. 3

    Vaporの結合テーブルのフィールドにアクセスすることは可能ですか?

  4. 4

    フィールド用に別のテーブルを作成する必要があるのはいつですか?

  5. 5

    iOS 8 Today Extension:編集可能なテキストフィールドを追加することは可能ですか?

  6. 6

    反応ネイティブルーターフラックスでドロワーメニューを作成することは可能ですか?

  7. 7

    BigQuery:レコード内にフィールドを追加してテーブルスキーマを変更することは可能ですか?

  8. 8

    異なるスキーマの寄木細工のファイルに外部ハイブテーブルを作成することは可能ですか?

  9. 9

    テキストフィールドをキーボードに関連付けることは可能ですか?

  10. 10

    Spring Boot JPA Hibernateアプリケーションで、必要な列とJPAエンティティからの関係を含むテーブルを自動的に作成することは可能ですか?

  11. 11

    テーブルビューの下部にフローティングボタンを作成することは可能ですか?

  12. 12

    テーブルからワードプレスにデータをフィードすることは可能ですか?

  13. 13

    同じモデルの別のフィールドデータでdjangoadminフィールドフィルターを作成することは可能ですか?

  14. 14

    このHTMLテーブルを作成することは可能ですか?

  15. 15

    テーブルを作成するときに、MySQLデータベースに主キーフィールドが存在しないのはなぜですか?

  16. 16

    テーブルを作成するときに、MySQLデータベースに主キーフィールドが存在しないのはなぜですか?

  17. 17

    フィールドに可能な値の数が決まっている場合、MySQLに別のテーブルを作成する必要がありますか?

  18. 18

    tkinterとpythonで複数のフォームフィールドを作成し、それをテーブルカラム形式で出力テキストボックスのoutに送信することは可能ですか

  19. 19

    lang / enフォルダーにサブフォルダーを作成することは可能ですか?

  20. 20

    エンティティフレームワークに保存する前にIDフィールド値を取得することは可能ですか?

  21. 21

    JSONデータを使用してHTMLテーブルフィールドを自動的に作成することはできますか?

  22. 22

    Mongodb:既存の文字列フィールドからAggregation PipelineにISODateフィールドを作成することは可能ですか?

  23. 23

    Javaでログフィルターを作成することは可能ですか?

  24. 24

    Excel 2003:セルが存在する場合にのみテーブルを作成することは可能ですか?

  25. 25

    SASでフィルター可能なHTMLテーブルを作成する方法はありますか?

  26. 26

    ルームで基本的な更新のフィールドを無視することは可能ですか?

  27. 27

    ダブルフロート値を作成することは可能ですか?

  28. 28

    バインドされたテキストごとにサイズが大きくなる可能性のあるテキストフィールドを PDF 形式で作成することは可能ですか?

  29. 29

    ブートストラップで記述されたテーブルの上部のフィールドを削除することは可能ですか?

ホットタグ

アーカイブ