Блог

Главная - Вопросы по программированию - Как добавить метку для ввода поиска в таблице материалов

Как добавить метку для ввода поиска в таблице материалов

#css #reactjs #material-ui #material-table

#css #reactjs #материал-пользовательский интерфейс #материал-таблица

Вопрос:

Я использую material-table версии 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'
                  }
                }}
              />

Комментарии:

1. Возможно, это не то, о чем вы просите, но ваше localization определение — miss ordered. searchTooltip является опорой toolbar , а не pagination .

2. @NICoE, я удалил этот файл. Я хочу добавить метку для поля поиска.