react material-table's search filter does not work on render

Question

The Search works fine here :

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

However Search filter does not work for the below code:

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

Answer 1

 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'
                  }
                ]}
    />

Answer 2

就像user10665299告诉你的，需要添加field ..你可以删除type属性，不是必需的