Version

Known Issues and Limitations in 2011 Volume 1

Topic Overview

Purpose

This topic lists the known issues and limitations in the 2011 Volume 1 release of the Ignite UI for jQuery™ library.

Known Issues and Limitations in 2011 Volume 1

Overview

The following table summarizes the known issues and limitations in the 2011 Volume 1 release of the Ignite UI for jQuery. Detailed explanations of known issues and the possible workarounds are provided for in the known issues topics for each control.

Legend:

Workaround available
No known workaround
Fix planned
Feature Description Status
Grid column widths The scenario where some columns' widths are defined in percentage, while others' are in pixels (or not specified at all) is not supported.
Grid layout problems for header and footer elements in Microsoft Internet Explorer® 7 When grid width is not specified, header and footer elements are rendered shorter than the grid in Microsoft Internet Explorer® 7.
Grid API calls do not work as expected with DIV elements If a grid is instantiated from a DIV element the API calls to the grid's features do not work as expected.

Grid column widths workaround

The scenario where some columns' widths are defined in percentage, while others' are in pixels (or not specified at all) is not supported.

Define all column widths in one unit of measure: percentage or in pixels, but do not mix the two.

Grid layout problems for header and footer elements in Microsoft Internet Explorer® 7

When a grid control does not have width defined, its header and footer elements (caption, pager, group-by area etc.) are rendered with a smaller width than the records table in Microsoft Internet Explorer® 7.

The solution to this problem is to define the width for the grid explicitly.

Grid API calls do not work as expected with DIV elements

If a grid is instantiated from a DIV element, the API calls to the grid's features did not work as expected.

The calls to the API of the grid's features should rely on the table that they are actually attached to: [gridElementId]_table. If the grid is bound to a DIV with id attribute "grid1" the easiest way to reference that table is to use either the grid's id() or widget() API methods like shown here:

In JavaScript:

$("#" + $("#grid1").igGrid("id")).igGridPaging("option", "pageSize", 2)

or

In JavaScript:

$("#grid1").igGrid("widget").igGridPaging("option", "pageSize", 10)

View on GitHub