bootstrap dropdown menu in grid

[Issa]

Is it possible to have a bootstrap dropdown menu in a grid?

 

        <button class="btn btn-xs btn-default dropdown-toggle" data-toggle="dropdown"><i class="fa fa-caret-down" aria-hidden="true"></i></button>
        <ul class="dropdown-menu">
            <li>
                <a href="/home/redirecttosystem?systemid=1">Evidence</a>
            </li>
            <li>
                <a href="/home/redirecttosystem?systemid=3">QMaster</a>
            </li>
            <li>
                <a href="/home/redirecttosystem?systemid=4">Impound</a>
            </li>
        </ul>

[Alex Hajigeorgieva]

Hi, Issa,

You can include a Bootstrap Dropdown as a column template in the Kendo UI Grid with the help of the columns template property:

https://docs.telerik.com/kendo-ui/api/javascript/ui/grid/configuration/columns.template

For your convenience, I have prepared a runnable Dojo with the new Kendo UI SASS Bootstrap V4 theme and the provided template:

https://dojo.telerik.com/@bubblemaster/IZaQoK

Kind Regards,
Alex Hajigeorgieva
Progress Telerik