反应材质表的搜索过滤器不适用于渲染

时间:2018-11-26 16:02:10

标签: javascript reactjs datatable render material-ui

搜索在这里工作正常:

 <MaterialTable
          columns={[
            { title: 'Name', field: 'firstname', type: 'string' }
          ]}
/>

但是搜索过滤器不适用于以下代码:

<MaterialTable
          columns={[
             { title: 'Name',
               render: rowData =>{ 
                       return(<Link to = {`/${rowData.firstname}`}> 
                       {rowData.firstname} 
                       </Link>)
               },
               type: 'html'
              }
            ]}
/>

2 个答案:

答案 0 :(得分:0)

 This is the correct way to search on render. We need to add field to it.

 <MaterialTable
              columns={[
                 { title: 'Name',
                   field: 'location_name',
                   render: rowData =>{ 
                           return(<Link to = {`/${rowData.firstname}`}> 
                           {rowData.firstname} 
                           </Link>)
                   },
                   type: 'html'
                  }
                ]}
    />

答案 1 :(得分:0)

就像user10665299告诉您的一样,需要添加field。您可以删除type属性,不是必需的