创建一个列，该列是datatables中其他两列的总和

背景

我正在使用从api获取数据并显示它。 我想动态添加一列，它是另外两列的总和。 例如，假设我想创建一个名为“random”的列，该列从 专栏确认和死亡我该怎么做

HTML代码

<table id="myTable"></table>
    <div id="loadingLabel">Loading...</div>

const getNewCases = async() => {
  const response = await fetch('https://covid19.mathdro.id/api/daily/3-18-2020');
  const data = await response.json();
  let usa = data.filter(val => {
    return val.countryRegion === 'US';
  });
  $('#loadingLabel').hide();
  $('#myTable').DataTable({
    data: usa,
    bLengthChange: false,
    bPaginate: false,
    scrollY:        '50vh',
    columns: [
      { data: 'provinceState', title: 'State' },
      { data: 'countryRegion', title: 'Country' },
      { data: 'lastUpdate', title: 'Last Update' },
      { data: 'confirmed', title: 'Confirmed' },
      { data: 'deaths', title: 'Deaths' },
      { data: 'recovered', title: 'Recovered' }
    ]
  });
};
getNewCases();

---

首先，我建议使用DataTables选项来避免异步获取数据的进一步问题

要解决您的主要问题，只需添加另一个列定义并使用带有函数作为参数的选项：

$（'#myTable'）。数据表({
阿贾克斯：{
网址：'https://covid19.mathdro.id/api/daily/3-18-2020',
dataSrc:d=>d.filter（entry=>entry.countryRegion=='US'）
},
bLengthChange:false，
bPaginate:false，
滚动：“50vh”，
栏目：[
{数据：'provinceState'，标题：'State'}，
{数据：'countryRegion'，标题：'Country'}，
{数据：'lastUpdate'，标题：'Last Update'}，
{数据：'已确认'，标题：'已确认'}，
{数据：'死亡'，标题：'死亡'}，
{数据：'已恢复'，标题：'已恢复'}，
{数据：（{确认，死亡}）=>数字（确认）+数字（死亡），标题：'随机'}
]
})

---

首先，我建议使用DataTables选项来避免异步获取数据的进一步问题

要解决您的主要问题，只需添加另一个列定义并使用带有函数作为参数的选项：

$（'#myTable'）。数据表({
阿贾克斯：{
网址：'https://covid19.mathdro.id/api/daily/3-18-2020',
dataSrc:d=>d.filter（entry=>entry.countryRegion=='US'）
},
bLengthChange:false，
bPaginate:false，
滚动：“50vh”，
栏目：[
{数据：'provinceState'，标题：'State'}，
{数据：'countryRegion'，标题：'Country'}，
{数据：'lastUpdate'，标题：'Last Update'}，
{数据：'已确认'，标题：'已确认'}，
{数据：'死亡'，标题：'死亡'}，
{数据：'已恢复'，标题：'已恢复'}，
{数据：（{确认，死亡}）=>数字（确认）+数字（死亡），标题：'随机'}
]
})

---

只需使用渲染方法将新列添加到“列”属性，就可以使用其他列创建数学选项

 {data:null,
            title: "random",
            render: function(data, type, row) {
                return parseInt( data.deaths) + parseInt(data.recovered);
            }

---

只需使用render方法向columns属性添加新列，就可以使用其他列创建数学选项

 {data:null,
            title: "random",
            render: function(data, type, row) {
                return parseInt( data.deaths) + parseInt(data.recovered);
            }

---

有没有办法使其对手机屏幕具有响应性？有没有办法使其对手机屏幕具有响应性？