Skip to content

Infragistics Community Forum / Web / Ignite UI for ASP.NET Core / Grid last column width auto adjustment issue

Grid last column width auto adjustment issue

New Discussion
Rajesh eb
Rajesh eb asked on Aug 20, 2021 8:44 AM

Hi,

I have ignite grid with width as 100%.

SInce for fixed column settings (% is not supported), am setting width in px for each column.

When i give columns width in Pixcel, last column is occupys more space in large screens (it is getting auto adjusted to rest of the available width)

Please let me know how to solve the last column width issue.

Thanks,

Rajesh

Sign In to post a reply

Replies

  • 0
    Monika Kirkova
    Monika Kirkova answered on Aug 18, 2021 2:59 PM

    Hello Rajesh,

    After investigating this further, I determined that your requirement could be achieved by setting the autofitLastColumn property to false. However, please keep in mind that when the property is set to false the remaining space in the grid would be left empty.

    $("#grid").igGrid({

                width: "100%",

                autofitLastColumn : false,

                . . .

            });

    Please let me know if you need any further information regarding this matter.

    Regards,
    Monika Kirkova,
    Infragistics

    • 0
      Rajesh eb
      Rajesh eb answered on Aug 20, 2021 6:35 AM

      Hi Monika Kirkova,

      Thanks for the solution. it worked for the last column issue.

      Thanks,

      Rajesh

      • 0
        Monika Kirkova
        Monika Kirkova answered on Aug 20, 2021 8:44 AM

        Hello Rajesh,

        I am glad that you find my suggestion helpful and were able to achieve your requirement.

        Thank you for using Infragistics components.

        Regards,
        Monika Kirkova,
        Infragistics

  • 0
    Donnellyson Scaife
    Donnellyson Scaife answered on Feb 26, 2026 8:27 PM

    With the Infragistics ASP.NET MVC DataChart helper, currency formatting is usually handled through axis label and tooltip customization rather than directly inside the series configuration. You can format the numeric Y-axis labels by using a JavaScript label formatter that prepends the dollar sign and limits values to two decimal places, such as returning “$” + value.toFixed(2) inside the NumericY axis label settings. For tooltips, create a custom tooltip template and format the displayed value using JavaScript so numbers appear like $10.00 when users hover over chart columns. The legend text is generally taken from the series title, so if you want consistent currency display, focus on formatting axis labels and tooltip content. This approach is similar to cnc machining processes where precise parameter configuration ensures accurate output, just like proper chart formatting ensures correct financial data presentation.

  • You must be logged in to reply to this topic.
Discussion created by
Favorites
Replies
Created On
Last Post
Discussion created by
Rajesh eb
Favorites
0
Replies
4
Created On
Aug 20, 2021
Last Post
13 hours, 21 minutes ago

Suggested Discussions

Created by

Created on

Aug 20, 2021 8:44 AM

Last activity on

Aug 20, 2021 8:44 AM