剑道网格的扭曲页码图像答案

【问题标题】：Distorted Page Number Images Of Kendo grid剑道网格的扭曲页码图像
【发布时间】：2014-02-20 15:26:42
【问题描述】：

我有一个在 Jquery 中使用以下代码创建的剑道网格。

 //Creating Kendo Grid For Tasks
            divSearchGrid.kendoGrid({
                dataSource: {
                    transport: {
                        read: function (options) {
                            $.ajax({
                                type: "POST",
                                url: urlSearch,
                                data: paramsSearch,
                                contentType: "application/json; charset=utf-8",
                                dataType: "json",
                                success: function (result) {
                                    if (data != null) {
                                        if (data.length > 0) {
                                            orignalComplexData = data; 
                                            options.success(orignalComplexData )
                                        }
                                        else {
                                            divSearchGrid.html('<h4>No records To Display</h4>')
                                            // To stop the Auto Refresh of the grid if there are no results
                                            isEditing = true;
                                        }
                                    }
                                    else {
                                        divSearchGrid.html('<h4>Some Error Occured</h4>')
                                    }
                                }
                            })
                        }
                    },
                    pageSize: 10
                },
                batch: true,
                edit: function (e) {

                    // To stop the Auto Refresh of the grid on edit
                    isEditing = true;
                },
                groupable: true,
                scrollable: true,
                sortable: true,
                reorderable: true,
                resizable: true,
                selectable: "row",               
                autoSync: true,
                editable: true,
                navigatable: true,
                columns: columnList,
                columnMenu: true,
                filterable: true,
                columnMenu: {
                    sortable: false
                },
                pageable: {
                    refresh: true,
                    pageSizes: true,
                    buttonCount: 5
                },
            });    
        }

一切正常，但在网格的寻呼机中，页码的图像被扭曲了。请参阅下面的图片以获得更好的想法。

谁能给我一些建议来解决这个问题。

【问题讨论】：

标签： jquery kendo-ui kendo-grid

【解决方案1】：

这看起来不像来自剑道的东西（至少我从未见过），每个寻呼机按钮都包含一个列表元素中的超链接，如下所示：

<li>
    <a tabindex="-1" href="#" class="k-link" data-page="1">1</a> 
</li>

您可能正在为<li> 元素添加自己的自定义项目符号点，这就是它添加方形项目符号的原因。删除您的自定义样式，应该没问题。

如果您尝试自定义 kendo UI 主题，最好使用他们的themebuilder。

如果您不尝试使用自定义 Kendo 主题，而只是在某处自定义普通 HTML 列表，请确保在 CSS 中使用非常具体的选择器，并且不要装饰通用 HTML 元素。

我已经复制了你的歪曲：

【讨论】：

您是否在使用任何第三方控件/工具？
我可以重现您的情况（见上图）。也许您自己没有进行任何自定义，但是通过添加晦涩难懂的第三方控件/库，它可能会带来写得不好的样式表。最快的检查方法是检查元素并确定方形子弹的来源，something 覆盖了通用 li 元素
嘿，谢谢解决方案有效，是的，有一个压倒一切的 css，删除它后寻呼机正常运行。