- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
如何使我的 gridview 很好地适应屏幕。我添加了这个属性 width="100%"i。然而,我的 gridview 仍然超出了我将其设置为 100% 的页眉宽度。
这是我第一次尝试的 gridview 的源代码。
<asp:GridView ID="GWCase" runat="server" Top="0%" Width="100%" BackColor="#CCCCCC" BorderColor="#999999" BorderStyle="Solid" BorderWidth="3px" CellPadding="4" CellSpacing="2" ForeColor="Black" Height="199px" AutoGenerateSelectButton="True" OnSelectedIndexChanged="GWCase_SelectedIndexChanged">
<FooterStyle BackColor="#CCCCCC" />
<HeaderStyle BackColor="Black" Font-Bold="True" ForeColor="White" />
<PagerStyle BackColor="#CCCCCC" ForeColor="Black" HorizontalAlign="Left" />
<RowStyle BackColor="White" />
<SelectedRowStyle BackColor="#000099" Font-Bold="True" ForeColor="White" />
<SortedAscendingCellStyle BackColor="#F1F1F1" />
<SortedAscendingHeaderStyle BackColor="#808080" />
<SortedDescendingCellStyle BackColor="#CAC9C9" />
<SortedDescendingHeaderStyle BackColor="#383838" />
</asp:GridView>
我试过像这样使用css方法
<ul id="assigngw">
<asp:GridView ID="GWCase" runat="server" Top="0%" BackColor="#CCCCCC" BorderColor="#999999" BorderStyle="Solid" BorderWidth="3px" CellPadding="4" CellSpacing="2" ForeColor="Black" Height="199px" AutoGenerateSelectButton="True" OnSelectedIndexChanged="GWCase_SelectedIndexChanged">
<FooterStyle BackColor="#CCCCCC" />
<HeaderStyle BackColor="Black" Font-Bold="True" ForeColor="White" />
<PagerStyle BackColor="#CCCCCC" ForeColor="Black" HorizontalAlign="Left" />
<RowStyle BackColor="White" />
<SelectedRowStyle BackColor="#000099" Font-Bold="True" ForeColor="White" />
<SortedAscendingCellStyle BackColor="#F1F1F1" />
<SortedAscendingHeaderStyle BackColor="#808080" />
<SortedDescendingCellStyle BackColor="#CAC9C9" />
<SortedDescendingHeaderStyle BackColor="#383838" />
</asp:GridView>
</ul>
CSS 代码:
#assigngw {
width:100%;
}
不幸的是,两者都不起作用。
这是我的全部源代码。
<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
<link rel="stylesheet" href="css/style.css" type="text/css" />
<asp:ScriptManager ID="ScriptManager1" runat="server">
</asp:ScriptManager>
<asp:UpdatePanel ID="UpdatePanel1" runat="server">
<ContentTemplate>
<ul id="assigngw">
<asp:GridView ID="GWCase" runat="server" width="300px" Top="0%" BackColor="#CCCCCC" BorderColor="#999999" BorderStyle="Solid" BorderWidth="3px" CellPadding="4" CellSpacing="2" ForeColor="Black" Height="199px" AutoGenerateSelectButton="True" OnSelectedIndexChanged="GWCase_SelectedIndexChanged">
<FooterStyle BackColor="#CCCCCC" />
<HeaderStyle BackColor="Black" Font-Bold="True" ForeColor="White" />
<PagerStyle BackColor="#CCCCCC" ForeColor="Black" HorizontalAlign="Left" />
<RowStyle BackColor="White" />
<SelectedRowStyle BackColor="#000099" Font-Bold="True" ForeColor="White" />
<SortedAscendingCellStyle BackColor="#F1F1F1" />
<SortedAscendingHeaderStyle BackColor="#808080" />
<SortedDescendingCellStyle BackColor="#CAC9C9" />
<SortedDescendingHeaderStyle BackColor="#383838" />
</asp:GridView>
</ul>
<br />
Case ID :
<asp:Label ID="lblCID" runat="server"></asp:Label>
is situation near
<asp:DropDownList ID="lblocation" runat="server" OnSelectedIndexChanged="lblocation_SelectedIndexChanged" AutoPostBack="True" DataTextField="location" DataValueField="location">
<asp:ListItem>Select Location</asp:ListItem>
<asp:ListItem>Bukit Batok NPC</asp:ListItem>
<asp:ListItem>Bukit Panjang NPC</asp:ListItem>
<asp:ListItem>Choa Chu Kang NPC</asp:ListItem>
<asp:ListItem>Jurong West NPC</asp:ListItem>
<asp:ListItem>Nanyang NPC</asp:ListItem>
<asp:ListItem>Woodlands East NPC</asp:ListItem>
<asp:ListItem>Woodlands West NPC</asp:ListItem>
<asp:ListItem>Ang Mo Kio North NPC</asp:ListItem>
<asp:ListItem>Ang Mo Kio South NPC</asp:ListItem>
<asp:ListItem>Punggol NPC</asp:ListItem>
<asp:ListItem>Hougang NPC</asp:ListItem>
<asp:ListItem>Sembawang NPC</asp:ListItem>
<asp:ListItem>Serangoon NPC</asp:ListItem>
<asp:ListItem>Sengkang NPC</asp:ListItem>
<asp:ListItem>Yishun North NPC</asp:ListItem>
<asp:ListItem>Yishun South NPC</asp:ListItem>
<asp:ListItem>Bedok North NPC</asp:ListItem>
<asp:ListItem>Bedok South NPC</asp:ListItem>
<asp:ListItem>Changi NPC</asp:ListItem>
<asp:ListItem>Geylang NPC</asp:ListItem>
<asp:ListItem>Marine Parade NPC</asp:ListItem>
<asp:ListItem>Pasir Ris NPC</asp:ListItem>
<asp:ListItem>Tampines NPC</asp:ListItem>
<asp:ListItem>Bukit Merah West NPC</asp:ListItem>
<asp:ListItem>Clementi NPC</asp:ListItem>
<asp:ListItem>Queenstown NPC</asp:ListItem>
<asp:ListItem>Jurong East NPC</asp:ListItem>
<asp:ListItem>Bishan NPC</asp:ListItem>
<asp:ListItem>Bukit Timah NPC</asp:ListItem>
<asp:ListItem>Kampung Java NPC</asp:ListItem>
<asp:ListItem>Orchard NPC</asp:ListItem>
<asp:ListItem>Toa Payoh NPC</asp:ListItem>
<asp:ListItem>Bukit Merah East NPC</asp:ListItem>
<asp:ListItem>Rochor NPC</asp:ListItem>
<asp:ListItem>Marina Bay NPC</asp:ListItem>
</asp:DropDownList>
<br />
<br />
The following case will be assigned to this selected officer
<asp:DropDownList ID="DDLpolice" runat="server" DataTextField="dropdownpolice" DataValueField="dropdownpolice" OnSelectedIndexChanged ="DDLpolice_SelectedIndexChanged1" style="height: 22px"
AppendDataBoundItems="true" AutoPostBack="True">
<asp:ListItem Value="-1">Select Officer</asp:ListItem>
</asp:DropDownList>
最佳答案
问题出在您的测试内容和垃圾文本上。
添加:
#assigngw td {
word-wrap:break-word;
}
这将允许每个单元格在不适合的长句上中断,并会阻止它增加 GridView 的大小。
编辑
试试这个
.gridview {
width: 100%;
word-wrap:break-word;
table-layout: fixed;
}
这里的关键是 table-layout: fixed;
因为它强制单元格适合表格而不是表格扩展以适合单元格。
已更新 jsFiddle
关于c# - 我如何使我的 gridview 100% 适合页面,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17338904/
我有一个需要以编程方式作为列(而不是行)绑定(bind)到 gridview 的值列表。例如,如果我的 DAL 返回 10 个值,我需要将这 10 个值显示为 gridview 中的列作为标题文本,并
我有一个使用 out-gridview 显示结果的脚本.这是一个简单的例子: "hello world" | out-gridview 当我使用 Run with PowerShell 运行脚本时,它
我正在尝试使用工作正常的 Kartik 导出小部件,除了它没有在扩展“函数/网格”中获取数据。现在我当然明白它是如何工作的,它实际上并没有显示任何东西,只是呈现另一个 View 。但我不知道如何在导出
在 Android 教程中,GridView tutorial准确的说是有一行代码 GridView gridview = (GridView) findViewById(R.id.gridview)
我正在尝试为与我的 gridview 关联的每一列添加一个标题,这样当页面足够宽以显示多行项目时,列标题应该显示在每一列的顶部,如果页面缩小,以至于该列不再适合。 最终结果看起来像这样: 2 colu
在我使用 comboBox 而不是 default(textBox) 在 gridview 中使用这个搜索之前: [ 'attribute' => 'project_status',
我想在列中显示我的交易表中一个/所有帐户的总余额。余额列应显示添加上一行总余额的余额。 我的网格 View 代码是 'yii\grid\SerialColumn'],
我正在使用 gridview 列出我的所有数据。我的 table 看起来像这样。 $dataProvider, 'columns' => [ 'firstName',
我目前正在构建一个 Windows 8 XAML C# 应用程序。在一个页面中,我有一个用于水平滑动和滚动的滚动查看器。我有几个控件可以很好地与 scorllviewer 配合使用。但是当您滚动并且光
当调整 GridView 的大小时,它的元素被重新排列,该元素的动画似乎不起作用。 在这里你可以找到一个简单的例子:http://pastebin.com/BgST6sCv 如果单击示例中的其中一个方
如何动态更改 gridview 模板列顺序? 最佳答案 迭代 通通栏目 的网格 View 对象和 店铺 他们在 收藏 . List columns = new List(); foreach (Dat
我在 Yii2 中使用了 CRUD 生成器,它为我的 actionIndex 生成了以下代码 Controller ... public function actionIndex() { $s
在我的用户模型中我有一个函数: public function getRole() { if ($this->role == self::ROLE_USER) { return
我正在构建一个带有 Yii2 框架的 webapp,它将为用户(登录)提供下载管理员预先上传文件的能力。 我已经创建了操作 actionDownload在调用 sendFile() 的特定 Contr
我想在 GridView 中订购图像。我已经使用列表框并成功将图像添加到其中。它的显示如下 但我希望这些图像显示在 GridView 中。可能与否。 请帮助我......提前致谢 最佳答案 出于此类目
我试图通过在 QtQuick 2.0 (Qt 5) 中动态填充 ListModel 来填充 GridView。它可以工作,但应用程序启动速度非常慢: 应用程序窗口立即出现,但大约需要 2 秒才会出现浅
我在 Yii2 GridView 小部件中显示一些列,“执行人员名称”是其中之一,但它应该仅在主管登录时显示,而不是在执行人员登录时显示。 当我将可见值硬编码为零时,它不会显示如下: [ 'l
我想用 HTML 制作一个表格。所以我从数据库中获取了一些数据。 每个项目都是一个用户。用户有用户名、名字、姓氏和电子邮件。我想制作一个表格来列出这些用户。 每个用户都必须换行。我已经在互联网上搜索过
我想在 pjax 处于事件状态的排序 gridview 之后运行脚本。重新加载 gridview 后我找不到任何事件处理程序。 pjax调用和gridview刷新后有没有正确的事件处理方法? 最佳答案
在 WinRT 上,我有一个 GridView 。我想在到达 gridview 的末尾时执行一个方法。 但是,没有像 GridView 那样的事件方法。 我尝试检测对 gridview 的操纵,但似乎
我是一名优秀的程序员,十分优秀!