Как центрировать инструмент Devexpress ASPxGridView в div? - PullRequest
Новая
       7

Как центрировать инструмент Devexpress ASPxGridView в div?

0 голосов
/ 08 января 2019

Таблица выходит за дату и время, ASPxGridView выходит за пределы сетки div. Я не мог сделать то, что я сделал. Обычно это выглядит аккуратно в дизайне, но это то, что происходит, когда я запускаю код. Мои коды и скриншоты прилагаются.

Я перепробовал все, что мог. Что я могу с этим поделать?

Теперь; https://ibb.co/mC8v6yV

Должен быть;

https://ibb.co/vsrjP4K

body {
}

#container {
    background-color: #FFF;
    padding: 10px;
    height: auto;
    width: 980px;
    margin-right: auto;
    margin-left: auto;
    border: 1px solid #FFF;
}

#header {
    height: 300px;
    width: 980px;
}

#logosolbosluk {
    height: 300px;
    width: 40px;
    float: left;
}

#logo {
    height: 300px;
    width: 900px;
    float: left;
}

#logosagbosluk {
    float: left;
    height: 300px;
    width: 40px;
}

#clear-header {
    clear: both;
}

#baslik {
    height: 75px;
    width: 980px;
}

#basliklogo {
    float: left;
    height: 75px;
    width: 800px;
}


#clear-baslik {
    clear: both;
}

#tarihSelectUp {
	height: 20px;
	width: 980px;
}

#gridview {
    height: 450px;
    width: 980px;
    overflow: hidden;
}
#tarihSelect {
	height: 20px;
	width: 980px;
}
#tarihselectDatePicker {
    float: left;
    height: 20px;
    width: 200px;
}
#tarihSelectButton {
	float: left;
	height: 20px;
	width: 5px;
}
#TarihSelectButtonMain {
    float: left;
    height: 20px;
    width: 100px;
}
#tarihSelectBosluk {
	float: left;
	height: 20px;
	width: 675px;
}
#tarihClear {
	clear: both;
}
#TarihSonrasiBosluk {
	height: 20px;
	width: 980px;
}


#tarih {
    height: 20px;
    width: 980px;
}

#tarihsol {
    float: left;
    height: 20px;
    width: 300px;
}

#tarihmain {
    float: left;
    height: 20px;
    width: 380px;
    text-align: center;
}

#tarihsag {
    float: left;
    height: 20px;
    width: 300px;
}

#tarih-clear {
    clear: both;
}

#tarih {
    height: 20px;
    width: 980px;
}

#tarihsol {
    float: left;
    height: 20px;
    width: 300px;
}

#tarihmain {
    float: left;
    height: 20px;
    width: 380px;
}

#tarihsag {
    float: left;
    height: 20px;
    width: 300px;
}

#tarih-clear {
    clear: both;
}

#altbosluk {
    height: 20px;
    width: 980px;
}

#copy {
    height: 20px;
    width: 980px;
}

#copysol {
    float: left;
    height: 20px;
    width: 300px;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 12px;
}

#copycenter {
    float: left;
    height: 20px;
    width: 380px;
}

#copysag {
    float: left;
    height: 20px;
    width: 300px;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-align: right;
}

table#ASPxGridView1 {
    margin: 0px auto;
    display: block;
}
<body>
    <form id="form1" runat="server">
        <div id="container">
            <div id="header">
                <div id="logosolbosluk"></div>
                <div id="logo">
                    <img src="Head.png" width="900" height="300" /></div>
                <div id="logosagbosluk"></div>
            </div>
            <div id="clear-header"></div>
            <div id="baslik">
                <div id="basliklogo">
                    <img src="HeadDown.png" width="980" height="75" /></div>
                <div id="clear-baslik"></div>
                <div id="tarihSelectUp"></div>
                <div id="tarihSelect">
                    <div id="tarihselectDatePicker">
                        <dx:ASPxDateEdit ID="ASPxDateEdit1" runat="server" Height="100%" Theme="SoftOrange" Width="200px">
                        </dx:ASPxDateEdit>
                    </div>
                    <div id="tarihSelectButton"></div>
                    <div id="TarihSelectButtonMain">
                        <asp:Button ID="Button1" runat="server" Height="20px" Text="Görüntüle" Width="100px" />
                    </div>
                    <div id="tarihSelectBosluk"></div>
                </div>
                <div id="TarihSonrasiBosluk"></div>
                <div id="tarihClear"></div>
                <div id="gridview">
                    <dx:ASPxGridView ID="ASPxGridView1" runat="server" EnableTheming="True" Theme="SoftOrange" Width="980px">
                        <SettingsPager PageSize="15">
                        </SettingsPager>
                        <SettingsDataSecurity AllowDelete="False" AllowEdit="False" AllowInsert="False" />
                    </dx:ASPxGridView>
                </div>
                <div id="tarih">
                    <div id="tarihsol"></div>
                    <div id="tarihmain">
                        <asp:Label ID="Label1" runat="server" Text="Label"></asp:Label>
                    </div>
                    <div id="tarihsag"></div>
                </div>
                <div id="tarih-clear"></div>
                <div id="altbosluk"></div>
                <div id="copy">
                    <div id="copysol"></div>
                    <div id="copycenter"></div>
                    <div id="copysag"></div>
                </div>
            </div>
            </div>
    </form>
</body>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...