首页 > 解决方案 > 如何为材料表中的搜索输入添加标签

问题描述

我正在使用现在最新的材料表版本 1.69.2。我想为表格上方显示的搜索文本字段添加一个标签。任何帮助深表感谢。

<MaterialTable
                title=""
                columns={[
                  { title: "id", field: "CurrencyKey", hidden: true },
                  { title: "Currency", field: "CurrencyName" },
                  { title: "Currency code", field: "CurrencyCode" },
                  { title: "Status", field: "IsDeleted" },
                  { title: "Last modified", field: "DateModified" }
                ]}
                data={data.list}
                icons={tableIcons}
                options={{
                  pageSize: 50,
                  pageSizeOptions: [50, 100, 150],
                  paginationPosition: "both",
                  searchFieldAlignment: "left",
                  search: true,
                }}
                localization={{ 
                  toolbar: {
                    searchPlaceholder: 'Search',
                    searchAriaLabel: 'Search here'
                  },
                  pagination: {
                    labelRowsSelect: 'Rows per page'
                  }
                }}
              />

标签: cssreactjsmaterial-uimaterial-table

解决方案


推荐阅读