Сетка вид переполнения за пределами его определенной ширины

Question

У меня есть div с 2 видами сетки, каждый из которых занимает 50% от ширины div.

Последний столбец первого вида сетки содержит имена длиной около 200 символов.

В результате этого он продолжается до второго вида сетки.

Я не хочу использовать полосы прокрутки.

Есть ли способ ограничить первый вид сетки до 50% и отображаемых точек (...) в столбце после того, как его ширина окончена?

Код для первой точки зрения сетки:

<div style="width:50%;height:300px;float:left;" align="left"> 
     <asp:GridView ID = "UnanalysedGV" runat ="server" DataSourceID = "sourceProducts" AutoGenerateColumns = "False" CssClass="mGrid headerclass" AllowSorting="True" Width="100%" AllowPaging="true" >  
         <HeaderStyle HorizontalAlign="Left" /> 
         <Columns>    
          <asp:BoundField DataField = "Id" HeaderText = " Id" /> 
          <asp:BoundField DataField = "Owner" HeaderText = "Owner" /> 

          <asp:BoundField DataField="eName" HeaderText="Name" HeaderStyle-HorizontalAlign="Left" ItemStyle-HorizontalAlign="Right" /> 


         </Columns> 
      </asp:GridView> 

      </div> 

Аналогичен для второго вида сетки.

Answer 1

я нашел ответ на этот вопрос:

<asp:TemplateField HeaderText="Name" HeaderStyle-HorizontalAlign="Left" ItemStyle-HorizontalAlign="left"> 
           <ItemTemplate> 
          <div style="width: 150px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis"> 
            <%# Eval("Name") %> 
          </div> 
            </ItemTemplate> 
          </asp:TemplateField>