Как я могу создать пользовательскую привязку для сетки данных SpreadJs для выравнивания определенного столбца?

Question

Когда я создаю новый столбец для моей сетки SPreadJs, я не вижу никакого свойства, чтобы выровнять мои столбцы. Например:

var nameColInfo = { name: "Name", displayName: "Name", size: "150", resizable: true };

Я хотел бы добавить новую настраиваемую привязку к моей сетке с именем align. Что-то вроде этого

var nameColInfo = { name: "Name", displayName: "Name", size: "150", resizable: true, **align: right** };

Я не знаю, если это уже сделано кем-то другим. Если нет, я буду признателен за вашу помощь. Я не хочу перебирать свою сетку данных, строка за строкой, чтобы выровнять каждую ячейку, которая мне нужна.

Answer 1

Выравнивание столбцов осуществляется через CSS.

  [data-column="Name"] {
      text-align: right;
  }

Другой вариант - использовать свойство cssClass, у нас уже есть имя класса, называемое align-right. cssClass: "align-right" или вы можете использовать свою ссылку в своем собственном классе CSS, который устанавливает выравнивание, например: cssClass: "myStyle";

Надеюсь это поможет.

Answer 2

Вот как я исправил свою проблему

        // setting horizontal alignment of Col B to left
        sheet.getRange(-1, 1, -1, 1, GC.Spread.Sheets.SheetArea.viewport).hAlign(GC.Spread.Sheets.HorizontalAlign.left);
        // setting vertical alignment of Col B to top
        sheet.getRange(-1, 1, -1, 1, GC.Spread.Sheets.SheetArea.viewport).vAlign(GC.Spread.Sheets.VerticalAlign.top);