CODEWITHSUNDEEP
cssangularng2-smart-table
Gelso77
Gelso77

Reputation: 1895

ng2-smart-table : how to use css?

anyone can help me how to use CSS to the ng2-smart-table compoment?

I wuold like to customize pagination , title, thead, tbody

thanks in advance Andrea

Upvotes: 5

Views: 6726

Answers (1)

Ankit Pant
Ankit Pant

Reputation: 355

use below configuration in the settings object

attr: {
        class: 'table table-bordered'
      }, //this is for getting default table class

and 

 :host /deep/ ng2-smart-table { 
    font-size: 16px; 
}//this for custom css

Example :

settings = {
  columns: {
    id: {
      title: 'ID'
    },
    name: {
      title: 'Full Name'
    },
    username: {
      title: 'User Name'
    },
    email: {
      title: 'Email'
    }
  },
attr: {
        class: 'table table-bordered'
      }
};

Upvotes: 8

Related Questions