Css 剑道网格中的行大小调整不正确_Css_Twitter Bootstrap_Kendo Grid

Css 剑道网格中的行大小调整不正确

css twitter-bootstrap

Css 剑道网格中的行大小调整不正确,css,twitter-bootstrap,kendo-grid,Css,Twitter Bootstrap,Kendo Grid,我正在使用剑道网格和引导。当我调整浏览器的大小时，除了网格行之外，所有内容都会响应。我已经看过了他们的每一个演示，我不明白为什么行没有调整大小。有什么想法吗？谢谢 e、 OnRowDataBound（“OnRowDataBound”）） .Sortable（） .Pageable（pager=>pager.pagesize（true）） .ToolBar（ToolBar=> { //使用Java脚本的自定义命令 toolbar.Custom（）.Text（“重置网格”）.HtmlAttrib

我正在使用剑道网格和引导。当我调整浏览器的大小时，除了网格行之外，所有内容都会响应。我已经看过了他们的每一个演示，我不明白为什么行没有调整大小。有什么想法吗？谢谢


e、 OnRowDataBound（“OnRowDataBound”））
.Sortable（）
.Pageable（pager=>pager.pagesize（true））
.ToolBar（ToolBar=>
{
//使用Java脚本的自定义命令
toolbar.Custom（）.Text（“重置网格”）.HtmlAttributes（新的{id=“gridAllFilterReset”}）；
})
.DataSource（DataSource=>DataSource
.Ajax（）
.ServerOperation（错误）
.Read（Read=>Read.Action（“IndexAdmin”、“Demo”））
.页面大小（20）
)        
.列（列=>
{
columns.Bound（c=>c）.Template（m=>“”）.ClientTemplate（“”）.Title（“”）.Sortable（false）.Filterable（false）.Visible（Model.page！=“is”？true:false）；
columns.Bound（c=>c.status）.Title（“status”）；
columns.Bound（c=>c.companyName）.Title（“客户名称”）.Visible（Model.page==“mt”？true:false）；
columns.Bound（c=>c.model）.Title（“型号”）；
columns.Bound（c=>c.articleNumber）.Title（“articleNumber”）。可见（Model.page==“av”？true:false）；
columns.Bound（c=>c.orderNumber）。Title（“订单号”）。可见（Model.page==“mt”| | Model.page==“wp”| | Model.page==“es”| | Model.page==“av”&（Model.page！=“is”）？真：假）；
columns.Bound（c=>c.currentLocation）.Title（“当前位置”）.Visible（Model.page==“av”| | Model.page==“true:false）；
columns.Bound（c=>c.listPrice）.Title（“标价”）.Visible（Model.page==“av”？true:false）；
columns.Bound（c=>c.owner）.Title（“owner”）.Visible（Model.page==“eu”| | Model.page==“wp”| | Model.page==“es”&&（Model.page！=“is”&&Model.page！=“av”）？true:false）；
columns.Bound（c=>c.gageSN）.Title（“序列号”）。可见（Model.page！=“av”？true:false）；
columns.Bound（c=>c.companyName）.Title（“客户”）.Visible（Model.page！=“is”&&Model.page！=“av”&&Model.page！=“mt”？true:false）；
columns.Bound（c=>c.salesPerson）.Title（“Transfer To”）.可见（Model.page==“tp”&&&（Model.page！=“is”&&Model.page！=“av”）？true:false）；
columns.Bound（c=>c.owner）.Title（“Transfer From”）.Visible（Model.page==“tp”&&（Model.page！=“is”）？true:false）；
columns.Bound（c=>c.CalDue）.Title（“传输日期”）.Format（“{0:M/d/yyyy}”）。可见（Model.page==“tp”&&（Model.page！=“is”）？true:false）；
columns.Bound（c=>c.lendingDate）.Title（“Lending Date”）.Format（“{0:M/d/yyyy}”）.Visible（Model.page==”？true:false）；
columns.Bound（c=>c.expectedReturnDate）.Title（“Exp返回日期”）.Format（“{0:M/d/yyyyy}”）.Visible（Model.page==”| | | Model.page==”mt“| | Model.page==”eu“&&（Model.page！=”is”）？true:false）；
columns.Bound（c=>c.lastServiced）.Title（“上次服务日期”）.Format（“{0:M/d/yyyy}”）.Visible（Model.page==“mt”| Model.page==“eu”| Model.page==“wp”| Model.page==“es”| Model.page==“av”&（Model.page！=“is”）？true:false）；
columns.Bound（c=>c.serviceDueDate）.Title（“服务到期日”）.Format（“{0:M/d/yyyy}”）.Visible（Model.page==“mt”| Model.page==“tp”| Model.page==“eu”| Model.page==“wp”| Model.page==“es”&（Model.page！=“is”）？true:false）；
columns.Bound（c=>c.CalDue）.Title（“CalDue”）.Format（“{0:M/d/yyyy}”）。可见（Model.page！=“is”？true:false）；
columns.Bound（c=>c.requestDate）.Title（“接收日期”）.Format（“{0:M/d/yyyy}”）.Visible（Model.page==“is”？true:false）；
})
//.可滚动（滚动=>滚动高度（120））
.ClientDetailTemplateId（“客户端模板”）
.Render（）；
%>
$（窗口）。打开（“调整大小”，函数（）{
调整大小（$（“.chart wrapper”）；
});

post some code dude，无法帮助您处理图像only对此表示担忧。有些人认为常规bootsrap和剑道Bootstrap之间存在冲突，请删除与bootsrap相关的类，并使用剑道网格文档中的基本示例

<head runat="server">
    <meta charset="utf-8" />
    <title></title>
    <link href="<%: Url.Content("~/favicon.ico") %>" rel="shortcut icon" type="image/x-icon" />
    <meta name="viewport" content="width=device-width" />
    <%: Scripts.Render("~/bundles/modernizr") %>
    <script src="../../Scripts/TelerikJS/jquery.min.js"></script>
    <script src="../../Scripts/TelerikJS/kendo.all.min.js"></script>
    <script src="../../Scripts/TelerikJS/kendo.aspnetmvc.min.js"></script>
    <script src="../../Scripts/DemoCommon.js" type="text/javascript"></script>
    <script src="../../Scripts/jquery.ui.timepicker.js"></script>
    <script src="../../Scripts/apprise.js"></script>
    <script src="../../bootstrap-3.3.7/js/bootstrap.min.js"></script>

    <link href="../../Content/apprise.css" rel="stylesheet" />
    <link href="../../Content/Site.css" rel="stylesheet" />
    <link href="../../bootstrap-3.3.7/css/bootstrap.css" rel="stylesheet" />

    <link href="../../Content/kendo.custom.css" rel="stylesheet" />

    <link rel="stylesheet" href="../../Content/kendo/kendo.common.min.css" />
    <link rel="stylesheet" href="../../Content/kendo/kendo.bootstrap.min.css" />
</head>

<div class="row">
        <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
            <div class="chart-wrapper">
            <% Html.Kendo().Grid(Model.myToolList)
    .Name("MyToolsGrid")
    .Filterable()
                   //.ClientEvents(e => e.OnRowDataBound("onRowDataBound"))
    .Sortable()
    .Pageable(pager => pager.PageSizes(true))
    .ToolBar(toolbar =>
    {
        // Custom Command with Java Script
        toolbar.Custom().Text("Reset Grid").HtmlAttributes(new { id = "gridAllFilterReset" });
    })
    .DataSource(dataSource => dataSource
        .Ajax()
        .ServerOperation(false)
        .Read(read => read.Action("IndexAdmin", "Demo"))
        .PageSize(20)
    )        
    .Columns(columns =>
    {
        columns.Bound(c => c).Template(m => "<a name=\"actionLink\" id=\"lnk" + m.company + m.gageSN + "\" class=\"clsEditLine\" href=\"javascript:ShowActions('" + m.company + "','" + m.gageSN + "','" + m.listPrice + "','" + m.labStatus6 + "','" + m.statusAbbrev + "','" + m.companyName + "','" + m.requestor + "')\">Action</a>").ClientTemplate("<a name=\"actionLink\" id=\"lnk<#=company#><#=gageSN#>\" class=\"clsEditLine\" href=\"javascript:ShowActions('<#= company #>','<#= gageSN #>','<#=listPrice #>','<#=labStatus6#>','<#=statusAbbrev#>','<#=companyName#>','<#=requestor#>')\">Action</a>").Title("").Sortable(false).Filterable(false).Visible(Model.page != "is" ? true : false);
        columns.Bound(c => c.status).Title("Status");
        columns.Bound(c => c.companyName).Title("Customer Name").Visible(Model.page == "mt" ? true : false);
        columns.Bound(c => c.model).Title("Model Number");
        columns.Bound(c => c.articleNumber).Title("Article Number").Visible(Model.page == "av" ? true : false);
        columns.Bound(c => c.orderNumber).Title("Order Number").Visible(Model.page == "mt" || Model.page == "wp" || Model.page == "es" || Model.page == "av" && (Model.page != "is") ? true : false);
        columns.Bound(c => c.currentLocation).Title("Current Location").Visible(Model.page == "av" || Model.page == "" ? true : false);
        columns.Bound(c => c.listPrice).Title("List Price").Visible(Model.page == "av" ? true : false);
        columns.Bound(c => c.owner).Title("Owner").Visible(Model.page == "eu" || Model.page == "wp" || Model.page == "es" && (Model.page != "is" && Model.page != "av") ? true : false);
        columns.Bound(c => c.gageSN).Title("Serial Number").Visible(Model.page != "av" ? true : false);
        columns.Bound(c => c.companyName).Title("Customer").Visible(Model.page != "is" && Model.page != "av" && Model.page != "mt" ? true : false);
        columns.Bound(c => c.salesPerson).Title("Transfer To").Visible(Model.page == "tp" && (Model.page != "is" && Model.page != "av") ? true : false);
        columns.Bound(c => c.owner).Title("Transfer From").Visible(Model.page == "tp" && (Model.page != "is") ? true : false);
        columns.Bound(c => c.CalDue).Title("Transfer Date").Format("{0:M/d/yyyy}").Visible(Model.page == "tp" && (Model.page != "is") ? true : false);
        columns.Bound(c => c.lendingDate).Title("Lending Date").Format("{0:M/d/yyyy}").Visible(Model.page == "" ? true : false);
        columns.Bound(c => c.expectedReturnDate).Title("Exp Return Date").Format("{0:M/d/yyyy}").Visible(Model.page == "" || Model.page == "mt" || Model.page == "eu" && (Model.page != "is") ? true : false);
        columns.Bound(c => c.lastServiced).Title("Last Service Date").Format("{0:M/d/yyyy}").Visible(Model.page == "mt" || Model.page == "eu" || Model.page == "wp" || Model.page == "es" || Model.page == "av" && (Model.page != "is") ? true : false);
        columns.Bound(c => c.serviceDueDate).Title("Service Due Date").Format("{0:M/d/yyyy}").Visible(Model.page == "mt" || Model.page == "tp" || Model.page == "eu" || Model.page == "wp" || Model.page == "es" && (Model.page != "is") ? true : false);
        columns.Bound(c => c.CalDue).Title("Cal Due").Format("{0:M/d/yyyy}").Visible(Model.page != "is" ? true : false);
        columns.Bound(c => c.requestDate).Title("Receive Date").Format("{0:M/d/yyyy}").Visible(Model.page == "is" ? true : false);

    })

    //.Scrollable(scrolling => scrolling.Height(120))
    .ClientDetailTemplateId("client-template")
    .Render(); 
            %>
                </div>
        </div>
    </div>

<script>
   $(window).on("resize", function () {
       kendo.resize($(".chart-wrapper"));
   });
   </script>