While adding custom Action, column style does not work at all.

[yashjit]

Overall lot of pain in adding custom action like to 3 actions( Add, Edit, Delete) we have. I added a custom action which works fine but style is impossible to manage and show correctly. I can't place it in same way as add or edit button placed.

[Kshitij-Banerjee]

here is some css that helped me

tr td.ng2-smart-actions { display: flex; }

.ng2-smart-action-custom-custom { padding-top: 0.8em; } .ng2-smart-action-delete-delete { padding-top: 0.8em; }

[marchrius]

This is my version based on @Kshitij-Banerjee

tr td.ng2-smart-actions,
ng2-st-tbody-custom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
}

.ng2-smart-action-delete-delete,
.ng2-smart-action-edit-edit,
.ng2-smart-action-custom-custom {
    padding-top: 0.8em;
}

.ng2-smart-action.ng2-smart-action-custom-custom:hover {
    color: #1e6bb8;
}

[ccruza]

This is my version based on @Kshitij-Banerjee tr td.ng2-smart-actions, ng2-st-tbody-custom { display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; }

.ng2-smart-action-delete-delete, .ng2-smart-action-edit-edit, .ng2-smart-action-custom-custom { padding-top: 0.8em; }

.ng2-smart-action.ng2-smart-action-custom-custom:hover { color: #1e6bb8; }

Hello @marchrius

Your code worked really well. Thank you so much. Note: I just have to put it on the global css style.

[mariem11]

hello, how do i change the text color of inputs in ng2 smart table? thank you.

[ccruza]

hello,

how do i change the text color of inputs in ng2 smart table?

thank you.

Try using devtools on your browser to identify the css to change

[mariem11]

hello, how do i change the text color of inputs in ng2 smart table? thank you.

Try using devtools on your browser to identify the css to change

Thank you. this is how it worked for me: styles:[ ':host /deep/ ng2-smart-table table thead tr th {text-align:center;}', ':host /deep/ ng2-smart-table table thead tr th ng2-smart-table-filter {color:#111;}', ':host /deep/ ng2-smart-table table thead tr td {color:#111;}', ':host /deep/ ng2-smart-table table tbody tr td table-cell-edit-mode{color:#111;}' ],

[jjnanthakumar]

Will this be fixed in upcoming versions?