Использовать Bootstrap с колонкой WebGrid?

Я искал примеры, но не могу найти, как я могу использовать Bootstrap внутри столбца сетки, чтобы создать кнопку. Следующее работает, но я хотел бы отобразить кнопку «Редактировать», а не только текст.

@grid.GetHtml(tableStyle: "webgrid-table",
    headerStyle: "webgrid-header",
    rowStyle: "webgrid-row-style",
    alternatingRowStyle: "webgrid-alternating-row",
    selectedRowStyle: "webgrid-selected-row",
    footerStyle: "webgrid-footer",

    columns: grid.Columns(
        grid.Column(columnName: "CustomerName", header: "Customer Name"),
        grid.Column(columnName: "Subject", header: "Subject"),
        grid.Column(columnName: "CallDate", header: "Call Date"),
        grid.Column(columnName: "Status", header: "Status"),
        grid.Column(header: "Edit", format: (item) =>
        {
            var link = Html.ActionLink("Edit", "Edit", new { id = item.Id });
            return link;
        }),

Кто-нибудь знает пример, на который я смотрю, чтобы преобразовать столбец «Редактировать» в кнопку Bootstrap?


twitter-bootstrap asp.net-mvc webgrid
person Caverman    schedule 27.04.2016    source источник

Ответы (1)


arrow_upward
2
arrow_downward

Попробуйте добавить аргумент style для этого конкретного столбца следующим образом:

grid.Column(header: "Edit", format: (item) =>
{
    var link = Html.ActionLink("Edit", "Edit", new { id = item.Id });
    return link;
}, style: "btn btn-default")
person Sean    schedule 27.04.2016
comment
Это определенно в правильном направлении, но все еще кажется немного странным. Используя код, он заполняет весь столбец, где он должен дополнять ячейку 7px. Возможно, это связано с чем-то в CSS, но CSS не так много, поэтому я не вижу, есть ли в этом проблема. - person Caverman; 27.04.2016
comment
@Caverman У меня есть приложение MVC с webGrid. CSS оформлен с помощью Bootstrap, и кнопка у меня не растягивается. Его ширина — это то, что охватывает текст элемента управления. Если вам действительно нужно, создайте класс с определенным отступом и просто добавьте его в свойство style. Это еще один вопрос для другого дня, хотя! Если мое решение было тем, что вы искали, отметьте его как ответ, чтобы другие могли его найти. - person Sean; 27.04.2016
comment
Не могли бы вы опубликовать часть своего кода WebGrid/Bootstrap? Или любые ссылки, которые вы использовали для примеров. - person Caverman; 27.04.2016