diff --git a/rest_framework/renderers.py b/rest_framework/renderers.py
index 406dda72c..e6d5f32f0 100644
--- a/rest_framework/renderers.py
+++ b/rest_framework/renderers.py
@@ -805,8 +805,11 @@ class DocumentationRenderer(BaseRenderer):
     languages = ['shell', 'javascript', 'python']
 
     def get_context(self, data, request):
+        document = data
+        document_data_list = document.data.items()
         return {
-            'document': data,
+            'document': document,
+            'document_data_list': document_data_list,
             'langs': self.languages,
             'code_style': pygments_css(self.code_style),
             'request': request
diff --git a/rest_framework/templates/rest_framework/docs/document.html b/rest_framework/templates/rest_framework/docs/document.html
index c2dcb3ddc..1800ad59b 100644
--- a/rest_framework/templates/rest_framework/docs/document.html
+++ b/rest_framework/templates/rest_framework/docs/document.html
@@ -14,7 +14,7 @@
 </div>
 </div>
 
-{% for section_key, section in document.data.items %}
+{% for section_key, section in document_data_list %}
 {% if section_key %}
     <h2 id="{{ section_key }}" class="coredocs-section-title">{{ section_key }} <a href="#{{ section_key }}"><i class="fa fa-link" aria-hidden="true"></i>
 </a></h2>
diff --git a/rest_framework/templates/rest_framework/docs/sidebar.html b/rest_framework/templates/rest_framework/docs/sidebar.html
index 6f4de8ee1..800eba6b9 100644
--- a/rest_framework/templates/rest_framework/docs/sidebar.html
+++ b/rest_framework/templates/rest_framework/docs/sidebar.html
@@ -4,7 +4,7 @@
     <i class="fa fa-bars fa-2x toggle-btn" data-toggle="collapse" data-target="#menu-content"></i>
     <div class="menu-list">
         <ul id="menu-content" class="menu-content collapse out">
-            {% for section_key, section in document.data.items %}
+            {% for section_key, section in document_data_list %}
             <li data-toggle="collapse" data-target="#{{ section_key }}-dropdown" class="collapsed">
                 <a><i class="fa fa-dot-circle-o fa-lg"></i> {% if section_key %}{{ section_key }}{% else %}API Endpoints{% endif %} <span class="arrow"></span></a>
             </li>