Control column width in an ASP.NET Datagrid

Question

Using VS 2022 in an older asp.net project that uses the .NET Framework 4.8 I have an aspx page which uses the asp Datagrid and a few of the columns have large text (500 to 1000 long). I want to force the text to wrap and restrict the column width to 400.

<asp:BoundColumn HeaderText="ExceptionData" DataField="ExceptionData" ItemStyle-Width="400">   
    <HeaderStyle  />  
    <itemstyle Wrap="true" Width="400"  />  
</asp:BoundColumn>  

I'm setting the datasource in the codebehind like this:

DataGrid1.DataSource = list;  
DataGrid1.DataBind();  

Thank you for any help you can offer.

Answer 1

Hi @moondaddy ,
You can change BoundColumn to TemplateColumn to display each item in the column after the specified template. This allows you to provide custom controls in the column.
Then use <asp:TextBox> in <asp:TemplateField> to allow multiple lines of text.

 <asp:TemplateColumn HeaderText="ExceptionData" >  
                   <ItemTemplate>  
                     <asp:TextBox ID="ExceptionData" BorderStyle="None" runat="server" Width="400" Rows="5"  TextMode="MultiLine"  Text='<%# Bind("ExceptionData") %>'></asp:TextBox>  
                      </ItemTemplate>  
</asp:TemplateColumn>  

Best regards,
Lan Huang

---

If the answer is the right solution, please click "Accept Answer" and kindly upvote it. If you have extra questions about this answer, please click "Comment".
Note: Please follow the steps in our documentation to enable e-mail notifications if you want to receive the related email notification for this thread.

Answer 2

Using the TemplateColumn, how about putting a div element in it and apply CSS as follows:

<style type="text/css">  
    div.style1  
    {  
        width: 400px;  
        overflow: hidden;  
        white-space: nowrap;  
        text-overflow: ellipsis;  
    }  
</style>