How to remove Caret icon in button function?

How to remove Caret icon in button function?

mastersusemastersuse Posts: 61Questions: 28Answers: 0
edited July 2020 in Free community support

How to remove caret down icon in button datatables?

{
    extend: 'collection',
    text:      '<i class="las la-ellipsis-v la-2x mr-1"></i>',
    buttons: [
        { "excel", "csv", "pdf", "print", "colvis" }
    ]
}

This question has an accepted answers - jump to answer

Answers

  • allanallan Posts: 63,180Questions: 1Answers: 10,411 Site admin
    Answer ✓

    Is that Bootstrap 4 you are using there? The caret is coming from Bootstrap 4's CSS:

    .dropdown-toggle::after
    

    You could use:

    div.dt-buttons .dropdown-toggle::after {
      display: none;
    }
    

    if you want to hide it specifically from DataTables only uses of it.

    Allan

  • mastersusemastersuse Posts: 61Questions: 28Answers: 0

    thanks so much. this code work for me.

This discussion has been closed.