Any way to add scroll bars to cfoutput section?

[siriiven]

I have a cfquery that outputs a number of rows depending on how many rows are in the database. I want to be able to only display like say 10 rows and then have scrollbars to scroll down the rest of the records. Is there any way to do this?

My output code looks like this:

<cfoutput query="getschedules">

<tr>
<td width="158"><input name="bldg2" id="bldg2" type="text" size="30" class="input6" value="#bldg#"></td>
<td width="37"><input name="schedDt2" id="schedDt2" type="text" size="6" class="input6" value="#dateFormat( SchedDt, "mm/dd/yyyy" )#"></td>
<td width="37"><input name="schedtype2" id="schedtype2" type="text" size="6" class="input6" value="#SchedType#"></td>
<td width="37"><input name="unlocktime2" id="unlocktime2" type="text" size="6" class="input6" value="#TIMEFORMAT(UnlockTime, "h:mm tt")#"></td>
<td width="37"><input name="locktime2" id="locktime2" type="text" size="6" class="input6" value="#TIMEFORMAT(LockTime, "h:mm tt")#"></td>
<td width="27"><input name="dayofweek2" id="dayofweek2" type="text" size="4" class="input6" value="#DayOfWeek#"></td>
<td width="47"><input name="createdby2" id="createdby2" type="text" size="8" class="input6" value="#CreatedBy#"></td>
<td width="579"><input name="lastupdate2" id="lastupdate2" type="text" size="8" class="input6" value="#LastUpdatedBy#"></td>
</tr>
</cfoutput>

[AbhiFusion · Accepted solution]

You can make use of the <div> tag.

<div id="sclist" style="width:250px; height:250px; overflow:auto" >
<table>
cfoutput & the code that you have further
</table>
</div>

[siriiven]

That worked! Thanks!

I tried to do something with a DIV earlier but I put it in the wrong place.