Как расширить ячейку в Syncfusion Angular Grid?

Question

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

Answer 1

Вы можете использовать функцию detailTemplate компонента Grid, чтобы показать кнопку переключения в каждой строке, которая будет расширять строку по горизонтали.

демонстрация

И по умолчанию сетка не расширяется на уровне ячеек, но ячейки могут быть расширены в соответствии с требованиями. Пожалуйста, обратитесь к демонстрационной сетке ниже,

Демонстрация: https://ej2.syncfusion.com/angular/demos/

пожалуйста, свяжитесь с нами с более подробной информацией, если вам нужна дополнительная помощь.