VPF::jqGrid - в IE и FF отличются - Форум программистов

ZMaximI

Дата 21.7.2010, 10:18 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 251
Регистрация: 18.5.2004
Где: Украина, г. Харьк ов

Репутация: нет
Всего: -1

Добрый день!

Подскажите, пожалуйста, почему несколько отличаются jqGrid в IE и FF ?
Может кто сталкивался с такой проблемой ?
Если конкретно, то немного отличаются стили - размер шапки, шрифт

Код



<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
    <title>jqGrid</title>
    <meta http-equiv="content-type" content="text/html;charset=utf-8"/>
    <meta http-equiv="Content-Style-Type" content="text/css"/>
    <link rel="stylesheet" type="text/css" media="screen" href="css/smoothness/jquery-ui-1.8.2.custom.css"/>
    <link rel="stylesheet" type="text/css" media="screen" href="themes/ui.jqgrid.css"/>
    <link rel="stylesheet" type="text/css" media="screen" href="themes/jqModal.css"/>
</head>
<body>
<table id="list4" class="scroll"></table>
<div id="pager9" class="scroll" style="text-align:center;"></div>
<div id="prowed4"></div>
<br/> <input type="BUTTON" id="ed4" value="Edit row 13"/> <input type="BUTTON" id="sved4" disabled='true'
                                                                 value="Save row 13"/>
<script type="text/javascript" src="jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="grid.locale-ru.js"></script>
<script type="text/javascript" src="jquery.jqGrid.min.js"></script>
<script type="text/javascript">
    jQuery("#list4").jqGrid({ datatype: "local", height: 250, colNames:['Inv No','Date', 'Client', 'Amount','Tax','Total','Notes'], colModel:[
        {
            name:'id',
            index:'id',
            width:60
        },
        {
            name:'invdate',
            index:'invdate',
            width:90,
            sorttype:"date"
        },
        {
            name:'name',
            index:'name',
            width:100,
            editable: true,
            edittype:"checkbox",
            editoptions: {value:"Yes:No"}
        },
        {
            name:'amount',
            index:'amount',
            width:80,
            align:"right",
            sorttype:"float"
        },
        {
            name:'tax',
            index:'tax',
            width:80,
            align:"right",
            sorttype:"float"
        },
        {
            name:'total',
            index:'total',
            width:80,
            align:"right",
            sorttype:"float"
        },
        {
            name:'note',
            index:'note',
            width:150,
            sortable:false
        }
    ], rowNum:10,
        rowList:[10,20,30],
        pager: '#pager9',
        sortname: 'id',
        recordpos: 'left',
        viewrecords: true,
        sortorder: "desc",
        multiselect: true,
        caption: "Multi Select Example",
        multiboxonly: false
    });
    var mydata = [
        {
            id:"1",
            invdate:"2007-10-01",
            name: 0,
            note:"note",
            amount:"200.00",
            tax:"10.00",
            total:"210.00"
        },
        {
            id:"2",
            invdate:"2007-10-02",
            name:"Yes",
            note:"note2",
            amount:"300.00",
            tax:"20.00",
            total:"320.00"
        },
        {
            id:"3",
            invdate:"2007-09-01",
            name:"Yes",
            note:"note3",
            amount:"400.00",
            tax:"30.00",
            total:"430.00"
        },
        {
            id:"4",
            invdate:"2007-10-04",
            name:"Yes",
            note:"note",
            amount:"200.00",
            tax:"10.00",
            total:"210.00"
        },
    ];
    for (var i = 0; i <= mydata.length; i++) {
        jQuery("#list4").jqGrid('addRowData', i + 1, mydata[i]);
    }

</script>
</body>
</html>

Это сообщение отредактировал(а) ZMaximI - 21.7.2010, 10:26

--------------------

<удалено администрацией форума>

12345c

Дата 21.7.2010, 10:27 (ссылка)

(нет голосов)

Загрузка ...

Круглый

Профиль
Группа: Vingrad developer
Сообщений: 2018
Регистрация: 26.12.2005
Где: наша не пропадала ?

Репутация: 57
Всего: 101

Поработайте с CSS. В частности, используйте reset.css какой-либо для начала.

--------------------

Google Code Playground - онлайн-отладка своих примеров HTML+JS без регистрации, с сохранением по URL, без кириллицы. Go

ZMaximI

Дата 21.7.2010, 10:39 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 251
Регистрация: 18.5.2004
Где: Украина, г. Харьк ов

Репутация: нет
Всего: -1

12345c, большое Вам спасибо - reset.css помогло.

--------------------

<удалено администрацией форума>

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: Общие вопросы \| Следующая тема »