CODEWITHSUNDEEP
cssangularkendo-grid
AmirReza-Farahlagha
AmirReza-Farahlagha

Reputation: 1212

How to set style to kendo-grid-column?

I'm use of kendo-grid in my project for many reason.

In one of the cell, I want to set input TextBox like:

<kendo-grid-column field="value" title="{{l('Value')}}" width="200"></kendo-grid-column>

As you see, in client, I have bad style Section of bad style

Attention that I never use of any CSS, which want to effect to this.

Upvotes: 1

Views: 8509

Answers (5)

Kianoush Atapour
Kianoush Atapour

Reputation: 21

You can use Attribute Style

    <kendo-grid-column [style]="{'background-color': '#666','color': '#fff','line-height': '1em'}">
</kendo-grid-column>

Upvotes: 1

user10438016
user10438016

Reputation:

If you want to set style in kendogrid, you have to override basic css of your selection tag like this:

Image processor > a > span > (your general css class)

Now you have your css that you wanted.

Upvotes: 1

user10294351
user10294351

Reputation:

You can not set style classes in kendo-grid but you can find kendo classes and override them.

Upvotes: 0

AmirReza-Farahlagha
AmirReza-Farahlagha

Reputation: 1212

Actually I don't like to answer my question, but it's better to answer.

If you want to style to that, you have to find one of css class and override that. it's best way to set style to cell-grid

GoodLuck.

Upvotes: 0

לבני מלכה
לבני מלכה

Reputation: 16251

You can use ng-style (I'm using angular 5 and [style] works fo me)

For example:

ng-style="{'background-color':'blue'}"

Learn here:https://docs.angularjs.org/api/ng/directive/ngStyle

<kendo-grid-column field="value"  title="{{l('Value')}}" ng-style="{'background-color':'blue'}" width="200"></kendo-grid-column>

EDIT!

According this answer:Kendo UI Grid and ng-style

Use \" \":

ng-style=\"{'background-color':'blue'}\"

Upvotes: 1

Related Questions