カスタムアクションにボタンを追加しようとしていますが、アクションに新しい列が追加されず、ボタンが他のボタンと重複しています。
コード:
settings = {
actions: {
custom: [
{
name: 'Button',
title: 'Button ',
}
],
},
columns: {
name: {
title: 'Full name'
},
email: {
title: 'Email'
},
lastLogin: {
title: 'Last Login'
}
}
};
ここにはあまり評判がなく、画像ツールがブロックされているため、画像へのリンクを配置する必要がありました。
私は何を間違えていますか?
これを試すことができます。設定を次のように変更します。
settings = {
hideSubHeader: true,
actions: {
custom: [
{
name: 'yourAction',
title: '<i class="ion-document" title="YourAction"></i>'
},
{
name: 'editAction',
title: '<i class="ion-edit" title="Edit"></i>'
},
{
name: 'deleteAction',
title: '<i class="far fa-trash-alt" title="delete"></i>'
}
],
add: false,
edit: false,
delete: false
}
...
};
次に、これをcomponent.scssに追加します
:Host /deep/ ng2-st-tbody-edit-delete {display: flex !important;
height: 0 !important;
}
:Host /deep/ ng2-st-tbody-custom a.ng2-smart-action.ng2-smart-action-custom-custom {
display: inline-block;
width: 50px;
text-align: center;
font-size: 1.1em;
}
:Host /deep/ ng2-st-tbody-custom a.ng2-smart-action.ng2-smart-action-custom-custom:hover {
color: #5dcfe3;
}