مرجع تخصصی برنامه نویسان

انجمن تخصصی برنامه نویسان فارسی زبان

کاربر سایت

mojtaba.shayanfar

عضویت از 1394/08/07

نمایش اسکرول بار یرای لیست اطلاعات

  • شنبه 21 آذر 1394
  • 20:38
تشکر میکنم

سلام 

من لیستی از خبر ها را در ویوی Index خیر ها نمایش می دم 

وقتی تعدا خبر زیاد میشه باید صفحه را Scroll کنم, چطور میشه فقط قسمت خبر Scrol بخوره ؟!

ممنون

پاسخ های این پرسش

تعداد پاسخ ها : 4 پاسخ
کاربر سایت

سجاد باقرزاده

عضویت از 1392/02/24

  • یکشنبه 22 آذر 1394
  • 09:45

شما باید برای div کلاسی css ای بنویسید که طول مشخص داشته باشد و overflow بروی scroll تنظیم شده باشد مانند مثال زیر :

.fixDiv{
    width:100%;
    height:500px;
    overflow:scroll;
    }

 

کاربر سایت

mojtaba.shayanfar

عضویت از 1394/08/07

  • یکشنبه 22 آذر 1394
  • 10:55

ممنون از توجه شما

اينطوري مجبورم هم هدر و هم سطر ها يعني كل Table  بگذارم توي يك DIV در اين صورت هدر هم Scroll مي خوره !!

چطور ميشه هدر را فيكسش كرد تا Scrol نخوره ؟!

ممنون

کاربر سایت

سجاد باقرزاده

عضویت از 1392/02/24

  • یکشنبه 22 آذر 1394
  • 11:09

می تونید  برای header تون از position: fixed; استفاده کنید و top , left صفر بدید به همراه width:100%.

کاربر سایت

mojtaba.shayanfar

عضویت از 1394/08/07

  • یکشنبه 22 آذر 1394
  • 12:23

دقيقا همونطور كه فرمودين عمل كردم:

 

<table class="table" style="width:100%;height:50px;overflow:scroll;">
    <tr style="position :fixed; width:100%; top:0; left:0;">
        <th>
            <span>نام کاربر</span>
        </th>
        <th>
            <span>نظر کاربر</span>
        </th>
        <th>
            <span>مجاز</span>
        </th>
        <th>
            <span>تاریخ درج نظر</span>
        </th>
        <th></th>
    </tr>

 

    @foreach (var item in Model)
    {
        <tr>
            <td>
                @Html.DisplayFor(modelItem => item.UserName)
            </td>
            <td>
                @Html.DisplayFor(modelItem => item.Comment)
            </td>
            <td>
                @Html.DisplayFor(modelItem => item.AllowToShow)
            </td>
            <td>
                @Html.DisplayFor(modelItem => item.CreateDate)
            </td>
            <td>
                <a class="btn btn-sm btn-warning" href="/Admin/ProductComments/Edit/@item.CommentID">
                    <i class="glyphicon glyphicon-edit"></i>
                </a> |
                <a href="/Admin/ProductComments/Details/@item.CommentID" class="btn btn-sm btn-info">
                    <i class="glyphicon glyphicon-info-sign"></i>
                </a>
            </td>
        </tr>
    }
</table>

ولي نمي دونم چرا جواب نميده ؟!

کاربرانی که از این پست تشکر کرده اند

هیچ کاربری تا کنون از این پست تشکر نکرده است

اگر نیاز به یک مشاور در زمینه طراحی سایت ، برنامه نویسی و بازاریابی الکترونیکی دارید

با ما تماس بگیرید تا در این مسیر همراهتان باشیم :)