skip to Main Content

I am trying to change style for spesific column in ag-grid using either cellStyle- or cellClassRules-property.

css is located in css-file:

.align-content-to-end {
    text-align: end;
    .ag-input-field-input {
      text-align: end;
    };
}

This works well in Chrome. In firefox I get following (Invalid property name)
enter image description here

What is my problem?

2

Answers


  1. so use text-align: right; instead of ‘end’

    .align-content-to-end {
        text-align: right;
        .ag-input-field-input {
          text-align: right;
        };
    }
    

    also you are using SASS syntax in CSS which will not work!
    simply do this instead

    .align-content-to-end {
        text-align: right;
    }
    .ag-input-field-input {
        text-align: right;
    };
    
    Login or Signup to reply.
  2. That’s not valid CSS. That’s valid SCSS or Sass syntax but you can’t do that with normal CSS. I’m not sure what you’re trying to do but either use Sass or SCSS or do what the other person said

    Login or Signup to reply.
Please signup or login to give your own answer.
Back To Top
Search