How to change sort icon position to left side of the label

[vijaysai88zemoso]

can you provide one more prop for changing the sort icon position to left/right of column head label

[whaberek]

@vijaysai88zemoso Did you found solution?

[BossBele]

For now, this can be done using the customHeadRender column option. This is not the easiest solution but it will be of help. Example:

const columns = [
    {
      name: "date",
      label: "Date",
      options: {
        filter: false,
        sort: true,
        customBodyRender: (value, tableMeta, updateValue) => {
          return (
            <span>
              {moment(value?.toDate() ?? new Date()).format("Do MMM YYYY") ??
                ""}
            </span>
          );
        },
        customHeadRender: (columnMeta, handleToggleColumn, sortOrder) => {
          return (
            <div
              className="text-uppercase"
              onClick={() => handleToggleColumn(columnMeta?.index)}
            >
              <IconButton
                icon={
                  sortOrder == "asc" ? (
                    <Icon icon="arrow-up" />
                  ) : (
                    <Icon icon="arrow-down" />
                  )
                }
              />
              {String(columnMeta?.label)}&ensp;
            </div>
          );
        },
      },
    },
]

You can shift icon to left or right.

[develanton]

A bit complicated but it works @BossBele