特定のJSONオブジェクト属性の名前を変更してHTMLテーブルに表示する方法

ニコラス青木

データベースから取得したオブジェクトのリストがある場合

[{ "id":0 ,"name":"John", "lastname":"Shell" },{ "id":1,...];

その結果(動的プラグイン):

 data : JSON.stringify(data)
 success: function(data,status){ 
          $('#table').dynatable({
            dataset:{
              records:data
            }
          })
        }

しかし、HTMLでテーブルを生成するときに、「th」にIDを表示したくありません。代わりに、実際のJSONを変更せずに名前をsecurityNumberに変更したいと思います。

      <table id="tabela">
        <thead>
           <th>id</th>
           <th>name<th>
           <th>last_name<th>
        </thead>
      </table>

プラグインはJSONオブジェクトの属性を介して列名を識別するため、idを置き換えることはできません

私はさまざまなプラグインを試しました。dynatableを使用しています(すでにドキュメントで検索されています)が、別の解決策を開いています。

どうすれば続行できますか?

ドムJ

にカスタムフォーマット方法を追加し、textTransformそこに列名のマッピングを書き込むことができます。こちらのドキュメントを確認してください

そのような方法の例は次のようになります。

dynatable.utility.textTransform.customColumnName = function(text) {
  if (text) === 'id' return 'security_number'
  return text
}

または、Array.mapソースJSONを変更せずに配列を変換することもできます。次に例を示します。

...
records: data.map((item) => {
  return {
    security_number: item.id,
    name: item.name,
    last_name: item.last_name
  }
}),
...

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

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

編集
0

コメントを追加

0

関連記事

分類Dev

PHP独自のプロパティを使用してオブジェクトキーの名前を変更する

分類Dev

オブジェクトキーの名前を変更し、オブジェクト値を文字列から数値に変更する方法

分類Dev

Maya Python:forループを使用してオブジェクトの名前を変更する

分類Dev

VBAを使用してPPTでグループオブジェクトの名前を変更する

分類Dev

テーブルの名前を変更した後に更新するときにオブジェクト名が無効です

分類Dev

JSONオブジェクトの配列をテーブルに表示する方法

分類Dev

PythonでネストされたJSONオブジェクトのキーの名前を変更する方法

分類Dev

vuejsを介してJSONオブジェクトのキー名を変更する方法

分類Dev

JSONオブジェクトを抽出して別の形式に名前を変更します

分類Dev

JSのreduceメソッドを使用してオブジェクトのキーの名前を変更する

分類Dev

SWIFT-テーブルセル内のオブジェクトの接続を取得して、テーブルセル内の別のオブジェクトからその属性を変更する方法

分類Dev

DirectX「オブジェクトテーブル」の表示形式を変更する

分類Dev

JSONオブジェクトをHTMLテーブルに表示する方法は?

分類Dev

オブジェクトを破棄するときにタイプの名前を変更して追加する

分類Dev

AttributeError:ファイル名の名前変更にre.matchを使用しているときに、「NoneType」オブジェクトに属性「group」がありません

分類Dev

オブジェクトキーの名前を別の形式に変更する方法

分類Dev

反復中にオブジェクトのキーの名前を変更しても安全ですか?

分類Dev

SpringBootでjsonオブジェクト(変数)名の名前を変更する方法

分類Dev

jqueryを使用して特定のjsonオブジェクトデータを非表示にする方法

分類Dev

特定の列を無視して、jQueryでHTMLテーブルデータをJSONオブジェクトに変換します

分類Dev

オブジェクトからフィールドの名前を変更する方法

分類Dev

ファイルの名前を変更するときにVBScriptオブジェクトに必要なエラー

分類Dev

tsオブジェクトの列の名前を変更する方法

分類Dev

変換オブジェクトを使用してJavaScriptでオブジェクトキーの名前を変更する

分類Dev

オブジェクトの複数のキーの名前を変更する

分類Dev

オブジェクトに格納されている名前でデータファイルの名前を変更する

分類Dev

LISTのすべてのオブジェクトで特定の属性の値を変更する方法

分類Dev

2つのオブジェクトの同じ名前を修正する方法 '割り当て前に参照されるローカル変数' Pythonでのエラー

分類Dev

jsonオブジェクト配列のフィールド名を変更する方法

Related 関連記事

  1. 1

    PHP独自のプロパティを使用してオブジェクトキーの名前を変更する

  2. 2

    オブジェクトキーの名前を変更し、オブジェクト値を文字列から数値に変更する方法

  3. 3

    Maya Python:forループを使用してオブジェクトの名前を変更する

  4. 4

    VBAを使用してPPTでグループオブジェクトの名前を変更する

  5. 5

    テーブルの名前を変更した後に更新するときにオブジェクト名が無効です

  6. 6

    JSONオブジェクトの配列をテーブルに表示する方法

  7. 7

    PythonでネストされたJSONオブジェクトのキーの名前を変更する方法

  8. 8

    vuejsを介してJSONオブジェクトのキー名を変更する方法

  9. 9

    JSONオブジェクトを抽出して別の形式に名前を変更します

  10. 10

    JSのreduceメソッドを使用してオブジェクトのキーの名前を変更する

  11. 11

    SWIFT-テーブルセル内のオブジェクトの接続を取得して、テーブルセル内の別のオブジェクトからその属性を変更する方法

  12. 12

    DirectX「オブジェクトテーブル」の表示形式を変更する

  13. 13

    JSONオブジェクトをHTMLテーブルに表示する方法は?

  14. 14

    オブジェクトを破棄するときにタイプの名前を変更して追加する

  15. 15

    AttributeError:ファイル名の名前変更にre.matchを使用しているときに、「NoneType」オブジェクトに属性「group」がありません

  16. 16

    オブジェクトキーの名前を別の形式に変更する方法

  17. 17

    反復中にオブジェクトのキーの名前を変更しても安全ですか?

  18. 18

    SpringBootでjsonオブジェクト(変数)名の名前を変更する方法

  19. 19

    jqueryを使用して特定のjsonオブジェクトデータを非表示にする方法

  20. 20

    特定の列を無視して、jQueryでHTMLテーブルデータをJSONオブジェクトに変換します

  21. 21

    オブジェクトからフィールドの名前を変更する方法

  22. 22

    ファイルの名前を変更するときにVBScriptオブジェクトに必要なエラー

  23. 23

    tsオブジェクトの列の名前を変更する方法

  24. 24

    変換オブジェクトを使用してJavaScriptでオブジェクトキーの名前を変更する

  25. 25

    オブジェクトの複数のキーの名前を変更する

  26. 26

    オブジェクトに格納されている名前でデータファイルの名前を変更する

  27. 27

    LISTのすべてのオブジェクトで特定の属性の値を変更する方法

  28. 28

    2つのオブジェクトの同じ名前を修正する方法 '割り当て前に参照されるローカル変数' Pythonでのエラー

  29. 29

    jsonオブジェクト配列のフィールド名を変更する方法

ホットタグ

アーカイブ