データベースから取得したオブジェクトのリストがある場合
[{ "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を使用しています(すでにドキュメントで検索されています)が、別の解決策を開いています。
どうすれば続行できますか?
にカスタムフォーマット方法を追加し、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]
コメントを追加