search

ratiw / vuetable-2

data table simplify! -- datatable component for Vue 2.x. See documentation at
https://vuetable.com
MIT License
2.16k stars 400 forks source link

How to display multiple fields at table data ? #621

Open belladonnaf opened 5 years ago

belladonnaf commented 5 years ago

json data is someting like that ... "data":[{"id":1,"symbol":"TRX","deci":0,"decimal_param":1,"is_show":0,"amount":"0.0000","price":"0","first_price":"14","last_price":"14","min_price":"14","max_price":"14","delta":"0.0000","delta_rate":"0.00","delta_flag":"up"},{"id":2,"symbol":"BTC","deci":3,"decimal_param":1000,"is_show":1,"amount":"17.6670","price":"123026520","first_price":"7202000","last_price":"7299000","min_price":"6000000","max_price":"7299000","delta":"97000.0000","delta_rate":"1.35","delta_flag":"up"},...

and i would like to display delta + delta_rate at delta field.

how can i pass two variable at fields definition ?

egidiocs commented 5 years ago

I think you can't. You need transform your data to get the desired results.

this will overwrite delta property : data.forEach(d=>d.delta = d.delta + " " + d.delta_rate);

this will create a new property : data.forEach(d=>d.showThisDeltaInfo = d.delta + " " + d.delta_rate);