※Visual Studio 2017 です。
aspx の画面にて TreeView を使用したのですが、ShowLines="True" とした場合に罫線が繋がらずに表示されてしまいました。
「TreeViewの罫線が途切れる」で検索したところ、
<style type="text/css"> .treeview table td div { height: 100% !important; } </style>
の方法が紹介されていましたが、自分の場合には解決に至りませんでした。
ほかのサイトで、
<style type="text/css"> *{ line-height:0; } </style>
を見つけ試したところ、ある程度は改善されましたが「100% 解決」というわけにはいきませんでした。
ソースを載せますが、足りないところをご教示いただけると幸いです。(WebForm1.aspx)
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="WebApplication1.WebForm1" %> <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title></title> <style type="text/css"> *{ line-height:0; } </style> </head> <body> <form id="form1" runat="server"> <asp:TreeView ID="TreeView1" runat="server" Height="154px" ShowLines="True" Width="338px" CssClass="treeview" LineImagesFolder="~/TreeLineImages"> <Nodes> <asp:TreeNode Text="〇〇株式会社(12345678)" Value="12345678"> <asp:TreeNode Text="2020△△1" Value="2020-1"></asp:TreeNode> <asp:TreeNode Text="2020□□2" Value="2020-2"> <asp:TreeNode Text="2020□□2-1" Value="2020-2-1"></asp:TreeNode> <asp:TreeNode Text="2020□□2-2" Value="2020-2-2"></asp:TreeNode> </asp:TreeNode> <asp:TreeNode Text="2020△□3" Value="2020-3"> <asp:TreeNode Text="2020△□3-1" Value="2020-3-1"> <asp:TreeNode Text="2020△□3-2" Value="2020-3-2"></asp:TreeNode> </asp:TreeNode> </asp:TreeNode> </asp:TreeNode> </Nodes> </asp:TreeView> </form> </body> </html>
★追記(解決方法)
style タグを下記のように修正しました。
<style type="text/css"> *{ line-height:0; } .treeview table td div { height: 100% !important; } </style>
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2020/03/31 05:21