最初我试图让FooTable Expand按钮显示在CommandField列上,但我放弃了。
现在我试图让它出现在First BoundField列上,但它没有显示。 Gridview正在作为FooTable工作,除了缺少的Expand(加/减)按钮。
我的HTML列代码是:
<Columns>
<%-- '--- Edit/Delete Gridview's Left-most "Column" -----%>
<asp:CommandField ShowDeleteButton="True" ShowEditButton="True" ControlStyle-Font-Size="10pt">
<ControlStyle Font-Size="10pt" Font-Bold="True"></ControlStyle>
<HeaderStyle Width="15%" />
</asp:CommandField>
<%-- '--- Gridview's 2nd Column from Left -----%>
<asp:BoundField DataField="Device_ID" HeaderText="Device ID" HtmlEncode="False" ItemStyle-Wrap="false" SortExpression="Device_ID">
<HeaderStyle HorizontalAlign="Left" Width="15%" />
<ItemStyle HorizontalAlign="Left" Font-Size="Small" Font-Bold="True" />
<ControlStyle Width="80%" />
</asp:BoundField>
VB Codebehind代码是:
GridView1.UseAccessibleHeader = True
If Not GridView1.HeaderRow Is Nothing Then
GridView1.HeaderRow.Cells(1).Attributes("data-class") = "expand"
' ''Attribute to hide other columns
For i As Integer = 2 To GridView1.HeaderRow.Cells.Count - 1
If i <= 4 Then
GridView1.HeaderRow.Cells(i).Attributes("data-hide") = "phone"
Else
GridView1.HeaderRow.Cells(i).Attributes("data-hide") = "phone,tablet"
End If
Next
''Adds THEAD and TBODY to GridView.
GridView1.HeaderRow.TableSection = TableRowSection.TableHeader
End If
这个VB代码似乎正常工作,因为当我查看“渲染页面”时,我看到 data-class =&#34; expand&#34; &amp;我希望它们在thead列中的数据隐藏=&#34;电话&#34; 。但是,当我减少浏览器的房地产&#39; Expand(加/减)按钮不会出现在任何地方 - 更不用说我希望它出现在第一个BoundField列上( Gridview1.HeaderRow.Cells(1))。
我缺少什么和/或我需要做什么才能出现扩展(加号/减号)按钮?
编辑------------------------footable.bootstrap.css
其中有一个类: fooicon
但在该定义中它引用了:
font-family:&#39; Glyphicons Halflings&#39; !重要;
但是在我的字体文件夹中,我有名为:
的文件glyphicons-halflings-regular.eot
glyphicons-halflings-regular.svg
glyphicons-halflings-regular.ttf
glyphicons-halflings-regular.wolf
glyphicons-halflings-regular.wolf2
注意.css文件中声明的字体名称与我的字体文件夹中的文件名(短划线和&#39;常规&#39;)之间的区别 - 我是否需要在.css中更改某些内容宣言?
非常感谢您的意见/建议。
由于