<dx:BootstrapGridView ID="GridViewToolbar" runat="server" DataSourceID="GridViewToolbarDataSource" KeyFieldName="EmployeeID">
    <Toolbars>
        <dx:BootstrapGridViewToolbar>
            <Items>
                <dx:BootstrapGridViewToolbarItem Command="New" />
                <dx:BootstrapGridViewToolbarItem Command="Edit" />
                <dx:BootstrapGridViewToolbarItem Command="Delete" />
                <dx:BootstrapGridViewToolbarItem Command="Refresh" BeginGroup="true" />
                <dx:BootstrapGridViewToolbarItem Command="ClearGrouping" />
                <dx:BootstrapGridViewToolbarItem Command="ClearSorting" />
                <dx:BootstrapGridViewToolbarItem Command="ShowGroupPanel" BeginGroup="true" />
                <dx:BootstrapGridViewToolbarItem Command="ShowSearchPanel" />
            </Items>
        </dx:BootstrapGridViewToolbar>
    </Toolbars>
    <SettingsBehavior AllowFocusedRow="true" />
    <Settings ShowGroupPanel="true" />
    <SettingsDataSecurity AllowEdit="true" AllowInsert="true" AllowDelete="true" />
    <Columns>
        <dx:BootstrapGridViewDataColumn FieldName="FirstName" />
        <dx:BootstrapGridViewDataColumn FieldName="LastName" />
        <dx:BootstrapGridViewDataColumn FieldName="Title" />
        <dx:BootstrapGridViewDataColumn FieldName="BirthDate" />
        <dx:BootstrapGridViewDataColumn FieldName="City" />
        <dx:BootstrapGridViewDataColumn FieldName="Country" />
    </Columns>
</dx:BootstrapGridView>

<dx:BootstrapGridView ID="GridViewCustomToolbar" runat="server" DataSourceID="CustomersDataSource" OnToolbarItemClick="GridViewCustomToolbar_ToolbarItemClick">
    <ClientSideEvents ToolbarItemClick="onToolbarItemClick" />
    <Toolbars>
        <dx:BootstrapGridViewToolbar>
            <Items>
                <dx:BootstrapGridViewToolbarItem Command="ExportToPdf" />
                <dx:BootstrapGridViewToolbarItem Command="ExportToDocx" />
                <dx:BootstrapGridViewToolbarItem Command="ExportToXls" />
                <dx:BootstrapGridViewToolbarItem BeginGroup="true" Name="CustomExportToXLS" Text="Custom Export to XLS(WYSIWYG)" />
            </Items>
        </dx:BootstrapGridViewToolbar>
    </Toolbars>
    <Columns>
        <dx:BootstrapGridViewDataColumn FieldName="CompanyName" />
        <dx:BootstrapGridViewDataColumn FieldName="ContactName" />
        <dx:BootstrapGridViewDataColumn FieldName="Country" GroupIndex="0" />
        <dx:BootstrapGridViewDataColumn FieldName="City" />
        <dx:BootstrapGridViewDataColumn FieldName="Phone" />
    </Columns>
    <SettingsExport EnableClientSideExportAPI="true" ExcelExportMode="DataAware" />
</dx:BootstrapGridView>

protected void GridViewCustomToolbar_ToolbarItemClick(object source, BootstrapGridViewToolbarItemClickEventArgs e) {
    switch(e.Item.Name) {
        case "CustomExportToXLS":
            GridViewCustomToolbar.ExportXlsToResponse(new XlsExportOptions());
            break;
        default:
            break;
    }
}

function onToolbarItemClick(s, e) {
    switch (e.item.name) {
        case "CustomExportToXLS":
            e.processOnServer = true;
            e.usePostBack = true;
            break;
    }
}

<dx:BootstrapGridView ID="GridViewAdaptiveToolbar" runat="server" DataSourceID="GridViewAdaptiveToolbarDataSource" KeyFieldName="EmployeeID">
    <Toolbars>
        <dx:BootstrapGridViewToolbar Position="Top" ShowInsidePanel="true">
            <SettingsAdaptivity Enabled="true" EnableCollapseRootItemsToIcons="True" MinRootItemsCount="4" />
            <Items>
                <dx:BootstrapGridViewToolbarItem Command="New" />
                <dx:BootstrapGridViewToolbarItem Command="Edit" />
                <dx:BootstrapGridViewToolbarItem Command="Delete" />
                <dx:BootstrapGridViewToolbarItem Command="Refresh" BeginGroup="true" />
                <dx:BootstrapGridViewToolbarItem Command="ClearGrouping" BeginGroup="true" AdaptivePriority="2" />
                <dx:BootstrapGridViewToolbarItem Command="ClearSorting"  AdaptivePriority="1" />
                <dx:BootstrapGridViewToolbarItem Command="ShowGroupPanel" BeginGroup="true" />
                <dx:BootstrapGridViewToolbarItem Command="ShowSearchPanel" />
            </Items>
        </dx:BootstrapGridViewToolbar>
    </Toolbars>
    <SettingsBehavior AllowFocusedRow="true" />
    <Settings ShowGroupPanel="true"  />
    <SettingsDataSecurity AllowEdit="true" AllowInsert="true" AllowDelete="true" />
    <SettingsText Title="Customers Info" />
    <Columns>
        <dx:BootstrapGridViewDataColumn FieldName="FirstName" />
        <dx:BootstrapGridViewDataColumn FieldName="LastName" />
        <dx:BootstrapGridViewDataColumn FieldName="Title" />
        <dx:BootstrapGridViewDataColumn FieldName="BirthDate" />
        <dx:BootstrapGridViewDataColumn FieldName="City" />
        <dx:BootstrapGridViewDataColumn FieldName="Country" />
    </Columns>
</dx:BootstrapGridView>

<dx:BootstrapGridView runat="server" KeyFieldName="OrderID" DataSourceID="CompaniesOrdersDataSource">
    <Settings ShowGroupPanel="true" ShowHeaderFilterButton="true" ShowFilterRow="true" ShowFilterRowMenu="true" />
    <SettingsCustomizationDialog Enabled="true" />
    <Columns>
        <dx:BootstrapGridViewDateColumn FieldName="OrderDate">
            <Settings AllowAutoFilter="False" />
        </dx:BootstrapGridViewDateColumn>
        <dx:BootstrapGridViewDataColumn FieldName="CompanyName">
            <Settings AllowAutoFilter="False" />
        </dx:BootstrapGridViewDataColumn>
        <dx:BootstrapGridViewDataColumn FieldName="Country">
            <Settings AllowAutoFilter="False" />
            <SettingsHeaderFilter Mode="CheckedList"></SettingsHeaderFilter>
        </dx:BootstrapGridViewDataColumn>
        <dx:BootstrapGridViewDataColumn FieldName="City">
            <Settings AllowAutoFilter="False" />
            <SettingsHeaderFilter Mode="CheckedList"></SettingsHeaderFilter>
        </dx:BootstrapGridViewDataColumn>
        <dx:BootstrapGridViewTextColumn FieldName="UnitPrice" Width="100px">
            <PropertiesTextEdit DisplayFormatString="c" />
            <Settings AllowHeaderFilter="False" />
        </dx:BootstrapGridViewTextColumn>
        <dx:BootstrapGridViewTextColumn FieldName="Discount" Width="100px">
            <PropertiesTextEdit DisplayFormatString="p0" />
            <Settings AllowHeaderFilter="False" />
        </dx:BootstrapGridViewTextColumn>
    </Columns>
    <Toolbars>
        <dx:BootstrapGridViewToolbar Position="Top">
            <Items>
                <dx:BootstrapGridViewToolbarItem Command="ShowCustomizationDialog">
                </dx:BootstrapGridViewToolbarItem>
            </Items>
        </dx:BootstrapGridViewToolbar>
    </Toolbars>
</dx:BootstrapGridView>

<dx:BootstrapGridView runat="server" ID="GridViewContextMenu" ClientInstanceName="Grid"
    DataSourceID="DataSourceContextMenu" KeyFieldName="ProductID"
    OnContextMenuInitialize="GridViewContextMenu_ContextMenuInitialize"
    OnAddSummaryItemViaContextMenu="GridViewContextMenu_AddSummaryItemViaContextMenu"
    OnContextMenuItemClick="GridViewContextMenu_ContextMenuItemClick">
    <SettingsContextMenu Enabled="true" />
    <ClientSideEvents ContextMenuItemClick="function(s,e) { OnContextMenuItemClick(s, e); }" />
    <Columns>
        <dx:BootstrapGridViewTextColumn FieldName="ProductName" />
        <dx:BootstrapGridViewComboBoxColumn FieldName="CategoryID" Caption="Category Name" GroupIndex="0" SortOrder="Descending">
            <PropertiesComboBox DataSourceID="CategoriesDataSource" ValueType="System.Int32"
                ValueField="CategoryID" TextField="CategoryName" />
        </dx:BootstrapGridViewComboBoxColumn>
        <dx:BootstrapGridViewTextColumn FieldName="QuantityPerUnit" />
        <dx:BootstrapGridViewSpinEditColumn FieldName="UnitPrice">
            <PropertiesSpinEdit DisplayFormatString="c" DisplayFormatInEditMode="true" MinValue="0" MaxValue="60000" />
        </dx:BootstrapGridViewSpinEditColumn>
        <dx:BootstrapGridViewSpinEditColumn FieldName="UnitsInStock">
            <PropertiesSpinEdit MinValue="0" MaxValue="10000" />
        </dx:BootstrapGridViewSpinEditColumn>
        <dx:BootstrapGridViewCheckColumn FieldName="Discontinued">
            <PropertiesCheckEdit AllowGrayed="true" AllowGrayedByClick="false" />
        </dx:BootstrapGridViewCheckColumn>
    </Columns>
    <SettingsBehavior ConfirmDelete="true" />
    <Settings ShowFooter="true" ShowGroupPanel="true" ShowGroupFooter="VisibleIfExpanded" />
    <SettingsExport EnableClientSideExportAPI="true" ExcelExportMode="DataAware" />
    <TotalSummary>
        <dx:ASPxSummaryItem FieldName="UnitPrice" SummaryType="Sum" />
    </TotalSummary>
    <GroupSummary>
        <dx:ASPxSummaryItem FieldName="UnitPrice" SummaryType="Sum" ShowInGroupFooterColumn="UnitPrice" />
        <dx:ASPxSummaryItem FieldName="UnitPrice" SummaryType="Min" />
        <dx:ASPxSummaryItem FieldName="UnitPrice" SummaryType="Max" />
        <dx:ASPxSummaryItem FieldName="UnitPrice" SummaryType="Count" Visible="false" />
        <dx:ASPxSummaryItem FieldName="UnitPrice" SummaryType="Average" Visible="false" />
        <dx:ASPxSummaryItem FieldName="UnitPrice" SummaryType="Sum" Visible="false" />
    </GroupSummary>
</dx:BootstrapGridView>

protected void GridViewContextMenu_ContextMenuInitialize(object sender, BootstrapGridViewContextMenuInitializeEventArgs e) {
    if(e.MenuType == GridViewContextMenuType.Rows) {
        var item = e.CreateItem("Export", "Export");
        item.BeginGroup = true;
        e.ContextMenu.Items.Insert(e.ContextMenu.Items.IndexOfCommand(GridViewContextMenuCommand.Refresh), item);
        item.Items.Add(e.CreateItem(GridViewContextMenuCommand.ExportToPdf));
        item.Items.Add(e.CreateItem(GridViewContextMenuCommand.ExportToRtf));
        item.Items.Add(e.CreateItem(GridViewContextMenuCommand.ExportToXls));
        item.Items.Add("Custom Export to XLS(WYSIWYG)", "CustomExportToXLS");
    }
}
protected void GridViewContextMenu_ContextMenuItemClick(object sender, BootstrapGridViewContextMenuItemClickEventArgs e) {
    var gridView = (ASPxGridView)sender;
    switch(e.Item.Name) {
        case "CustomExportToXLS":
            gridView.ExportXlsToResponse(new XlsExportOptions());
            break;
    }
}
protected void GridViewContextMenu_AddSummaryItemViaContextMenu(object sender, BootstrapGridViewAddSummaryItemViaContextMenuEventArgs e) {
    if(e.SummaryItem.FieldName == "UnitsInStock" && e.SummaryItem.SummaryType == DevExpress.Data.SummaryItemType.Average)
        e.SummaryItem.ValueDisplayFormat = "{0:0.00}";
}

function OnContextMenuItemClick(sender, args) {
    if(args.item.name == "CustomExportToXLS") {
        args.processOnServer = true;
        args.usePostBack = true;
    }
}