Forums

Hello. I've noticed that the DataTable doesn't seem to work completely with IE7 and IE8. For example, in IE7, all of the rows are white. With FireFox and other browsers (Chrome, Safari) the DataTable normally displays the odd rows using a very light blue color offset so that the rows appear to alternate colors slightly. This is corrected in IE8 it seems.

I implemented a DataTable plugin that adds row highlighting and single/multiple row selection functionality, but it doesn't seem to work with IE7 or IE8. The plugin uses the Node.addClass and Node.removeClass methods to add/remove classes to DataTable rows to change the color of the rows when you hover over them (i.e. highlight) and when you select a row (i.e. click). But the plugin doesn't work at all with IE7 or IE8.

Finally, with IE9 all seems to be well as none of these issues seem to exist. The rows alternate color and my row highlight and selection plugin works just fine. So my question to the YUI team and the YUI community is this: Has anyone else experienced problems using the YUI 3 DataTable widget with earlier versions of IE (7 and 8)? Thanks very much. Michael.

Hello. Yes, I noticed that when you sort a column in IE7, the column that you sort is striped, but the rest of the table is not. All of the other columns remain white. Thanks for testing IE and confirming my findings. We're trying to identify browser differences. It looks like IE7 (and IE8) have trouble with the DataTable and my plugin. IE9 and all of the other browsers seem to work just fine.

Hi Todd. The problem is with IE7. The striping works with IE8 and IE9. With IE7, all rows are white so there is no striping. When you use the DataTableSort plugin with IE7 and select a column to sort, that column gets striped, but the remaining rows/columns remain white. The ticket you filed is a valid one. I added a comment stating basically what I've said here. Thanks for filing the ticket and your attention to this issue. Michael.