Javascript 将对象的显示数组反应到行范围中的表

我有一个对象数组，我需要在一个表中显示它们，其中一行被划分为可用成本的数量。例如，在这一行被分成两行

我被困在如何显示adjustedAmount、paidAmount和cost type

这是我的目标：

const datdfa = [
{
  index: 500,
  schudule_number: "11010",
  scheduleAvailableBudget: 1598000,
  budgetedqty: 2000,
  paidQty: 3,
  availableBalance: 1595633,
  adjustedAmount: [{ "Labour Cost": 3, "Material Cost": 0 }],
  paidAmount: [{ "Labour Cost": 1059, "Material Cost": 1059 }]
},
{
  index: 2016,
  schudule_number: "11020",
  scheduleAvailableBudget: 21600,
  budgetedqty: 12,
  paidQty: 10,
  availableBalance: 3663,
  adjustedAmount: [{}],
  paidAmount: [{ "Labour Cost": 468, "Material Cost": 468 }]
}
];

这是要展示的桌子

{datdfa?.map((s, d) => {
    let uniqueWSID = `row_${d}`;
      return (
          ...
          <td valign="middle">
              {
                  (s.adjustedAmount)?.map((ad) => {
                      return(
                          <td>{ad.key}</td> // this does not shows up
                      );
                  })
              }
          </td>  

{datdfa？.map（（s，d）=>{
设uniqueWSID=`row_${d}`；
返回(
...
{
（s.adjustedAmount）？.map（（ad）=>{
返回(
{ad.key}//这不会显示
);
})
}

我已经创建了一个沙盒链接-

---

我做错了什么/如何在表格中显示？

您的答案很简单，只需将内部

td

替换为

文本，如下所示：

      <td valign="middle">
          {
              (s.adjustedAmount)?.map((ad) => {
                  return(
                      <text>{ad.key}</text> // this should show up unless s.adjustedAmount doesn't exist or an empty array
                  );
              })
          }
      </td>  


{
（s.adjustedAmount）？.map（（ad）=>{
返回(
{ad.key}//除非s.adjustedAmount不存在或数组为空，否则应显示此选项
);
})
}

我希望这可能会对您有所帮助。
抱歉，已更新为JavaScription，但它显示在一个td中，我的td被分成两行，然后使用
rowspan
分割行wise@Learning访问此