Hi Daniil,
You were correct and my issue seems to be related to the rule in
http://forums.ext.net/showthread.php...Renderer-issue.
Now, I'd like to keep that rule but for the rest of the Grid columns to behave normally, i.e. present the ellipsis on the cell text overflow. So, I've tried to apply a CSS rule as below but somehow I can't find the new class in the page DOM outside of the JS. Am I missing anything there?
Edit in:
The class actually gets applied to the column header. Apparently, Cls isn't the best attribute to use for what I need... Also tried CellCls (one would think it should work) with no result...
<%@ Page Language="C#" %>
<script runat="server">
protected void Page_Load(object sender, EventArgs e)
{
if (!X.IsAjaxRequest)
{
Store store = this.GridPanel1.GetStore();
store.DataSource = new object[]
{
new object[] { "test test test test test test test test test", "test" },
new object[] { "test", "test test test test test test test test test" },
new object[] { "test", "test" }
};
}
}
</script>
<!DOCTYPE html>
<html>
<head runat="server">
<title>Ext.NET v3 Example</title>
<style>
.clip-column div.x-grid-cell-inner {
text-overflow: clip;
}
</style>
</head>
<body>
<form runat="server">
<ext:ResourceManager runat="server" />
<ext:GridPanel ID="GridPanel1" runat="server">
<Store>
<ext:Store runat="server">
<Model>
<ext:Model runat="server">
<Fields>
<ext:ModelField Name="test1" />
<ext:ModelField Name="test2" />
</Fields>
</ext:Model>
</Model>
</ext:Store>
</Store>
<ColumnModel runat="server">
<Columns>
<ext:Column runat="server" Text="Test 1" DataIndex="test1" Cls="clip-column" />
<ext:Column runat="server" Text="Test 2" DataIndex="test2" />
</Columns>
</ColumnModel>
</ext:GridPanel>
</form>
</body>
</html>